@dimasbaguspm/versaur 0.0.17 → 0.0.19

package/dist/js/selectable-multiple-input-CJXfqy1Z.js

@@ -0,0 +1,1901 @@
+import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
+import x, { createContext as C, useContext as z, useRef as M, forwardRef as V, useState as F, useId as E, useEffect as J } from "react";
+import { Check as R, Calendar as K, SearchIcon as Q, Clock as U, Banknote as X, MailIcon as Y } from "lucide-react";
+import { I as N } from "./image-rectangle-CLU-GVtw.js";
+import "./snackbar-DH8jCh2V.js";
+const Z = j("space-y-2", {
+  variants: {
+    direction: {
+      vertical: "space-y-2 space-x-0",
+      horizontal: "flex flex-wrap gap-4 space-y-0"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), ee = j(
+  "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"
+    }
+  }
+), re = j(
+  "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
+    }
+  }
+), P = C(null), te = () => {
+  const r = z(P);
+  if (!r)
+    throw new Error("CheckboxOption must be used within CheckboxInput");
+  return r;
+}, B = x.forwardRef(({ children: r, description: t, className: s, disabled: c, id: n, ...d }, u) => {
+  const a = te(), o = x.useId(), i = n || o, h = c || a.disabled, g = a.error ? "danger" : a.variant || "primary";
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: u,
+        type: "checkbox",
+        id: i,
+        disabled: h,
+        className: p(
+          ee({
+            variant: g,
+            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
+          g?.includes("outline") && "checked:after:border-current",
+          s
+        ),
+        ...d
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: i,
+          className: re({
+            size: a.size,
+            disabled: h
+          }),
+          children: r
+        }
+      ),
+      t && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: p(
+            "text-gray-600 mt-1",
+            a.size === "sm" && "text-xs",
+            a.size === "md" && "text-xs",
+            a.size === "lg" && "text-sm",
+            h && "opacity-50"
+          ),
+          children: t
+        }
+      )
+    ] })
+  ] });
+});
+B.displayName = "CheckboxOption";
+const D = x.forwardRef(
+  ({
+    variant: r = "primary",
+    size: t = "md",
+    label: s,
+    helperText: c,
+    error: n,
+    direction: d = "vertical",
+    className: u,
+    disabled: a,
+    children: o,
+    ...i
+  }, h) => {
+    const g = !!n, l = {
+      variant: r,
+      size: t,
+      disabled: a,
+      error: g
+    };
+    return /* @__PURE__ */ e.jsx(P.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...i, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: Z({ direction: d }), children: o }),
+      g && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !g && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+    ] }) });
+  }
+);
+D.displayName = "CheckboxInput";
+const Ke = Object.assign(D, {
+  Option: B
+}), $ = C(null), oe = () => {
+  const r = z($);
+  if (!r)
+    throw new Error(
+      "useChipSingleInputContext must be used within ChipSingleInputContext"
+    );
+  return r;
+}, se = j(
+  "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
+  {
+    variants: {
+      variant: {
+        primary: [
+          "hover:bg-primary-soft",
+          "hover:border-primary-light",
+          "focus:border-primary-light",
+          "data-[selected=true]:bg-primary-soft",
+          "data-[selected=true]:border-primary"
+        ].join(" "),
+        secondary: [
+          "hover:bg-secondary-soft",
+          "hover:border-secondary-light",
+          "focus:border-secondary-light",
+          "data-[selected=true]:bg-secondary-soft",
+          "data-[selected=true]:border-secondary"
+        ].join(" "),
+        tertiary: [
+          "hover:bg-tertiary-soft",
+          "hover:border-tertiary-light",
+          "focus:border-tertiary-light",
+          "data-[selected=true]:bg-tertiary-soft",
+          "data-[selected=true]:border-tertiary"
+        ].join(" "),
+        ghost: [
+          "hover:bg-ghost-soft",
+          "hover:border-ghost-light",
+          "focus:border-ghost-light",
+          "data-[selected=true]:bg-ghost-soft",
+          "data-[selected=true]:border-ghost"
+        ].join(" "),
+        neutral: ["hover:bg-gray-soft", "hover:border-gray-light"].join(" ")
+      },
+      shape: {
+        circle: "rounded-full",
+        rounded: "rounded-lg"
+      },
+      size: {
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-base",
+        lg: "h-12 px-5 text-lg"
+      },
+      selected: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      shape: "circle",
+      size: "sm",
+      selected: !1
+    }
+  }
+), ne = x.forwardRef(
+  ({
+    children: r,
+    className: t,
+    disabled: s,
+    id: c,
+    value: n,
+    check: d,
+    defaultCheck: u = !1,
+    ...a
+  }, o) => {
+    const i = oe(), h = x.useId(), g = c || h, l = s || i.disabled, b = [
+      "primary",
+      "secondary",
+      "tertiary",
+      "ghost",
+      "neutral"
+    ].includes(
+      i.variant
+    ) ? i.variant : "primary", w = i.shape || "circle", m = i.size || "sm", v = i.value === n, y = (I) => {
+      l || i.onChange?.(n), a.onChange?.(I);
+    }, k = m === "lg" ? 20 : m === "md" ? 18 : 16;
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: o,
+          type: "radio",
+          id: g,
+          name: i.name,
+          value: n,
+          checked: v,
+          disabled: l,
+          onChange: y,
+          className: "sr-only",
+          ...a
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: g,
+          "data-selected": v,
+          className: p(
+            se({
+              variant: b,
+              selected: v,
+              shape: w,
+              size: m
+            }),
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
+            t
+          ),
+          children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+            (d || u) && /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: p(
+                  "flex items-center",
+                  "transition-transform transition-opacity duration-200",
+                  v ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
+                ),
+                "aria-hidden": "true",
+                children: v && (d || /* @__PURE__ */ e.jsx(
+                  R,
+                  {
+                    size: k,
+                    className: b === "primary" ? "text-primary" : b === "secondary" ? "text-secondary" : b === "tertiary" ? "text-tertiary" : b === "ghost" ? "text-ghost" : b === "neutral" ? "text-neutral" : "text-primary"
+                  }
+                ))
+              }
+            ),
+            r
+          ] })
+        }
+      )
+    ] });
+  }
+), ae = x.forwardRef(
+  ({
+    variant: r = "primary",
+    shape: t = "circle",
+    size: s = "sm",
+    label: c,
+    helperText: n,
+    error: d,
+    className: u,
+    disabled: a,
+    name: o,
+    value: i,
+    onChange: h,
+    children: g,
+    ...l
+  }, f) => {
+    const b = !!d, w = {
+      variant: r,
+      shape: t,
+      size: s,
+      disabled: a,
+      error: b,
+      name: o,
+      value: i,
+      onChange: h
+    };
+    return /* @__PURE__ */ e.jsx($.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...l, children: [
+      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: g }),
+      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: d }),
+      !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
+    ] }) });
+  }
+), Qe = Object.assign(ae, {
+  Option: ne
+}), A = C(null), ie = () => {
+  const r = z(A);
+  if (!r)
+    throw new Error(
+      "useChipMultipleInputContext must be used within ChipMultipleInputContext"
+    );
+  return r;
+}, ce = j(
+  "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
+  {
+    variants: {
+      variant: {
+        primary: [
+          "hover:bg-primary-soft",
+          "hover:border-primary-light",
+          "focus:border-primary-light",
+          "data-[selected=true]:bg-primary-soft",
+          "data-[selected=true]:border-primary"
+        ].join(" "),
+        secondary: [
+          "hover:bg-secondary-soft",
+          "hover:border-secondary-light",
+          "focus:border-secondary-light",
+          "data-[selected=true]:bg-secondary-soft",
+          "data-[selected=true]:border-secondary"
+        ].join(" "),
+        tertiary: [
+          "hover:bg-tertiary-soft",
+          "hover:border-tertiary-light",
+          "focus:border-tertiary-light",
+          "data-[selected=true]:bg-tertiary-soft",
+          "data-[selected=true]:border-tertiary"
+        ].join(" "),
+        ghost: [
+          "hover:bg-ghost-soft",
+          "hover:border-ghost-light",
+          "focus:border-ghost-light",
+          "data-[selected=true]:bg-ghost-soft",
+          "data-[selected=true]:border-ghost"
+        ].join(" "),
+        neutral: [
+          "hover:bg-gray-soft",
+          "hover:border-gray-light",
+          "focus:border-gray-light",
+          "data-[selected=true]:bg-gray-soft",
+          "data-[selected=true]:border-gray"
+        ].join(" "),
+        success: [
+          "hover:bg-success-soft",
+          "hover:border-success-light",
+          "focus:border-success-light",
+          "data-[selected=true]:bg-success-soft",
+          "data-[selected=true]:border-success"
+        ].join(" "),
+        info: [
+          "hover:bg-info-soft",
+          "hover:border-info-light",
+          "focus:border-info-light",
+          "data-[selected=true]:bg-info-soft",
+          "data-[selected=true]:border-info"
+        ].join(" "),
+        warning: [
+          "hover:bg-warning-soft",
+          "hover:border-warning-light",
+          "focus:border-warning-light",
+          "data-[selected=true]:bg-warning-soft",
+          "data-[selected=true]:border-warning"
+        ].join(" "),
+        danger: [
+          "hover:bg-danger-soft",
+          "hover:border-danger-light",
+          "focus:border-danger-light",
+          "data-[selected=true]:bg-danger-soft",
+          "data-[selected=true]:border-danger"
+        ].join(" ")
+      },
+      selected: {
+        true: "",
+        false: ""
+      },
+      shape: {
+        circle: "rounded-full",
+        rounded: "rounded-lg"
+      },
+      size: {
+        sm: "px-3 py-1 text-xs min-h-[32px]",
+        md: "px-4 py-2 text-sm min-h-[40px]",
+        lg: "px-5 py-2.5 text-base min-h-[48px]"
+      }
+    }
+  }
+), L = x.forwardRef(
+  ({
+    children: r,
+    className: t,
+    disabled: s,
+    id: c,
+    value: n,
+    check: d,
+    defaultCheck: u = !1,
+    ...a
+  }, o) => {
+    const i = ie(), h = x.useId(), g = c || h, l = s || i.disabled, f = i.error ? "danger" : i.variant || "primary", b = i.shape || "circle", w = i.size || "sm", m = i.value?.includes(n) ?? !1, v = (k) => {
+      if (!l) {
+        const I = i.value || [];
+        let O;
+        m ? O = I.filter((q) => q !== n) : O = [...I, n], i.onChange?.(O);
+      }
+      a.onChange?.(k);
+    }, y = w === "lg" ? 20 : w === "md" ? 18 : 16;
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: o,
+          type: "checkbox",
+          id: g,
+          name: `${i.name}[]`,
+          value: n,
+          checked: m,
+          disabled: l,
+          onChange: v,
+          className: "sr-only",
+          ...a
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: g,
+          "data-selected": m,
+          className: p(
+            ce({
+              variant: f,
+              selected: m,
+              shape: b,
+              size: w
+            }),
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
+            t
+          ),
+          children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+            (d || u) && /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: p(
+                  "flex items-center",
+                  "transition-transform transition-opacity duration-200",
+                  m ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
+                ),
+                "aria-hidden": "true",
+                children: m && (d || /* @__PURE__ */ e.jsx(
+                  R,
+                  {
+                    size: y,
+                    className: f === "primary" ? "text-primary" : f === "secondary" ? "text-secondary" : f === "tertiary" ? "text-tertiary" : f === "ghost" ? "text-ghost" : f === "success" ? "text-success" : f === "info" ? "text-info" : f === "warning" ? "text-warning" : f === "danger" ? "text-danger" : "text-primary"
+                  }
+                ))
+              }
+            ),
+            r
+          ] })
+        }
+      )
+    ] });
+  }
+);
+L.displayName = "ChipMultipleOption";
+const de = x.forwardRef(
+  ({
+    variant: r = "primary",
+    shape: t = "circle",
+    size: s = "sm",
+    label: c,
+    helperText: n,
+    error: d,
+    className: u,
+    disabled: a,
+    name: o,
+    value: i = [],
+    onChange: h,
+    children: g,
+    ...l
+  }, f) => {
+    const b = !!d, w = {
+      variant: r,
+      shape: t,
+      size: s,
+      disabled: a,
+      error: b,
+      name: o,
+      value: i,
+      onChange: h
+    };
+    return /* @__PURE__ */ e.jsx(A.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...l, children: [
+      c && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: c }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: g }),
+      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: d }),
+      !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
+    ] }) });
+  }
+), Ue = Object.assign(de, {
+  Option: L
+}), le = j(
+  "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"
+    }
+  }
+), S = x.forwardRef(
+  ({
+    variant: r = "primary",
+    label: t,
+    leftContent: s,
+    rightContent: c,
+    helperText: n,
+    error: d,
+    className: u,
+    disabled: a,
+    id: o,
+    ...i
+  }, h) => {
+    const g = x.useId(), l = o || g, f = !!d;
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: l,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", u), children: [
+        s && /* @__PURE__ */ e.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__ */ e.jsx(
+          "input",
+          {
+            ref: h,
+            id: l,
+            "aria-invalid": f,
+            "aria-disabled": a,
+            disabled: a,
+            className: p(
+              le({
+                variant: f ? "danger" : r
+              }),
+              s ? "pl-9" : "pl-3",
+              c ? "pr-9" : "pr-3",
+              "h-10"
+            ),
+            ...i
+          }
+        ),
+        c && /* @__PURE__ */ e.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: c
+          }
+        )
+      ] }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: d }),
+      !f && n && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
+    ] });
+  }
+);
+S.displayName = "TextInput";
+function ue(r) {
+  if (!r) return "";
+  const t = new Date(r);
+  return isNaN(t.getTime()) ? r : t.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+const Xe = x.forwardRef(function({ value: t = "", onChange: s, label: c, formatter: n, ...d }, u) {
+  const a = M(null), o = (l) => {
+    a.current = l, typeof u == "function" ? u(l) : u && typeof u == "object" && (u.current = l);
+  }, i = () => {
+    a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
+  }, h = (l) => {
+    s(l.target.value);
+  }, g = (n ?? ue)(t);
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ e.jsx(
+      S,
+      {
+        type: "text",
+        value: g,
+        label: c,
+        readOnly: !0,
+        tabIndex: 0,
+        "aria-hidden": "true",
+        onClick: i,
+        leftContent: /* @__PURE__ */ e.jsx(N, { as: K, color: "inherit", size: "sm" }),
+        "data-testid": "date-single-picker-visible-input",
+        ...d
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: o,
+        type: "date",
+        value: t,
+        onChange: h,
+        className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
+        tabIndex: -1,
+        "aria-label": typeof c == "string" ? c : void 0
+      }
+    )
+  ] });
+}), ge = j("space-y-2", {
+  variants: {
+    direction: {
+      vertical: "space-y-2 space-x-0",
+      horizontal: "flex flex-wrap gap-4 space-y-0"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), fe = j(
+  "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"
+    }
+  }
+), he = j(
+  "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
+    }
+  }
+), G = C(
+  null
+), be = () => {
+  const r = z(G);
+  if (!r)
+    throw new Error(
+      "useRadioInputContext must be used within RadioInputContext"
+    );
+  return r;
+}, xe = x.forwardRef(
+  ({ children: r, description: t, className: s, disabled: c, id: n, value: d, ...u }, a) => {
+    const o = be(), i = x.useId(), h = n || i, g = c || o.disabled, l = o.error ? "danger" : o.variant || "primary";
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: a,
+          type: "radio",
+          id: h,
+          name: o.name,
+          value: d,
+          disabled: g,
+          className: p(
+            fe({
+              variant: l,
+              size: o.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
+            o.size === "sm" && "before:w-[6px] before:h-[6px]",
+            o.size === "md" && "before:w-[8px] before:h-[8px]",
+            o.size === "lg" && "before:w-[10px] before:h-[10px]",
+            "checked:before:opacity-100",
+            // Outline variants use colored radio dot
+            l?.includes("outline") && "checked:before:bg-current",
+            s
+          ),
+          ...u
+        }
+      ) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx(
+          "label",
+          {
+            htmlFor: h,
+            className: he({
+              size: o.size,
+              disabled: g
+            }),
+            children: r
+          }
+        ),
+        t && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: p(
+              "text-gray-600 mt-1",
+              o.size === "sm" && "text-xs",
+              o.size === "md" && "text-xs",
+              o.size === "lg" && "text-sm",
+              g && "opacity-50"
+            ),
+            children: t
+          }
+        )
+      ] })
+    ] });
+  }
+), me = x.forwardRef(
+  ({
+    variant: r = "primary",
+    size: t = "md",
+    label: s,
+    helperText: c,
+    error: n,
+    direction: d = "vertical",
+    className: u,
+    disabled: a,
+    name: o,
+    children: i,
+    ...h
+  }, g) => {
+    const l = !!n, f = {
+      variant: r,
+      size: t,
+      disabled: a,
+      error: l,
+      name: o
+    };
+    return /* @__PURE__ */ e.jsx(G.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, className: p("w-full", u), ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: ge({ direction: d }), children: i }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+    ] }) });
+  }
+), Ye = Object.assign(me, {
+  Option: xe
+}), pe = j(
+  "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-primary-light",
+        secondary: "border-secondary-light",
+        tertiary: "border-tertiary-light",
+        ghost: "border-ghost-light",
+        neutral: "border-gray-200",
+        // Semantic variants
+        success: "border-success-light",
+        info: "border-info-light",
+        warning: "border-warning-light",
+        danger: "border-danger-light"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      error: {
+        true: "border-danger",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      error: !1
+    }
+  }
+), ye = j(
+  "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "text-ghost hover:text-primary focus:ring-primary/30",
+        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
+        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
+        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
+        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
+        // Semantic variants
+        success: "text-ghost hover:text-success focus:ring-success/30",
+        info: "text-ghost hover:text-info focus:ring-info/30",
+        warning: "text-ghost hover:text-warning focus:ring-warning/30",
+        danger: "text-ghost hover:text-danger focus:ring-danger/30"
+      },
+      size: {
+        sm: "px-2 py-1.5 text-xs",
+        md: "px-3 py-2 text-sm",
+        lg: "px-4 py-2.5 text-base"
+      },
+      rounded: {
+        first: "rounded-l-full",
+        middle: "",
+        last: "rounded-r-full",
+        single: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      rounded: "middle"
+    }
+  }
+), we = (r) => {
+  const t = {
+    // Core variants - override hover text color changes
+    primary: "bg-primary text-white hover:text-white",
+    secondary: "bg-secondary text-white hover:text-white",
+    tertiary: "bg-tertiary text-white hover:text-white",
+    ghost: "bg-ghost text-white hover:text-white",
+    neutral: "bg-gray-500 text-white hover:text-white",
+    // Semantic variants - override hover text color changes
+    success: "bg-success text-white hover:text-white",
+    info: "bg-info text-white hover:text-white",
+    warning: "bg-warning text-white hover:text-white",
+    danger: "bg-danger text-white hover:text-white"
+  };
+  return t[r || "primary"] || t.primary;
+}, T = C(null), ve = () => {
+  const r = z(T);
+  if (!r)
+    throw new Error(
+      "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
+    );
+  return r;
+}, W = x.forwardRef(
+  ({ children: r, className: t, disabled: s, id: c, value: n, position: d = "middle", ...u }, a) => {
+    const o = ve(), i = x.useId(), h = c || i, g = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", f = o.value === n, b = (w) => {
+      if (!g) {
+        const m = o.value === n ? null : n;
+        o.onChange?.(m);
+      }
+      u.onChange?.(w);
+    };
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: a,
+          type: "radio",
+          id: h,
+          name: o.name,
+          value: n,
+          checked: f,
+          disabled: g,
+          onChange: b,
+          className: "sr-only",
+          ...u
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: h,
+          className: p(
+            "flex flex-row items-center justify-center",
+            ye({
+              variant: l,
+              size: o.size,
+              rounded: d
+            }),
+            f && we(l),
+            g && "opacity-50 cursor-not-allowed pointer-events-none",
+            t
+          ),
+          children: r
+        }
+      )
+    ] });
+  }
+);
+W.displayName = "SegmentOption";
+const je = x.forwardRef(
+  ({
+    variant: r = "primary",
+    size: t = "md",
+    label: s,
+    helperText: c,
+    error: n,
+    disabled: d,
+    name: u,
+    value: a,
+    onChange: o,
+    children: i,
+    ...h
+  }, g) => {
+    const l = !!n, f = {
+      variant: r,
+      size: t,
+      disabled: d,
+      error: l,
+      name: u,
+      value: a,
+      onChange: o
+    }, b = x.Children.toArray(i), w = b.map((m, v) => {
+      if (x.isValidElement(m)) {
+        let y;
+        return b.length === 1 ? y = "single" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
+          m,
+          { position: y }
+        );
+      }
+      return m;
+    });
+    return /* @__PURE__ */ e.jsx(T.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: p(
+            pe({
+              variant: l ? "danger" : r,
+              size: t,
+              error: l
+            })
+          ),
+          children: w
+        }
+      ),
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+    ] }) });
+  }
+), Ze = Object.assign(je, {
+  Option: W
+}), ke = j(
+  "flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-primary-light",
+        secondary: "border-secondary-light",
+        tertiary: "border-tertiary-light",
+        ghost: "border-ghost-light",
+        neutral: "border-gray-200",
+        // Semantic variants
+        success: "border-success-light",
+        info: "border-info-light",
+        warning: "border-warning-light",
+        danger: "border-danger-light"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      error: {
+        true: "border-danger",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      error: !1
+    }
+  }
+), Ie = j(
+  "inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "text-ghost hover:text-primary focus:ring-primary/30",
+        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
+        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
+        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
+        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
+        // Semantic variants
+        success: "text-ghost hover:text-success focus:ring-success/30",
+        info: "text-ghost hover:text-info focus:ring-info/30",
+        warning: "text-ghost hover:text-warning focus:ring-warning/30",
+        danger: "text-ghost hover:text-danger focus:ring-danger/30"
+      },
+      size: {
+        sm: "px-2 py-1.5 text-xs",
+        md: "px-3 py-2 text-sm",
+        lg: "px-4 py-2.5 text-base"
+      },
+      rounded: {
+        first: "rounded-l-full",
+        middle: "",
+        last: "rounded-r-full",
+        single: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      rounded: "middle"
+    }
+  }
+), Ne = (r) => {
+  const t = {
+    // Core variants - override hover text color changes
+    primary: "bg-primary text-white hover:text-white",
+    secondary: "bg-secondary text-white hover:text-white",
+    tertiary: "bg-tertiary text-white hover:text-white",
+    ghost: "bg-ghost text-white hover:text-white",
+    neutral: "bg-gray-500 text-white hover:text-white",
+    // Semantic variants - override hover text color changes
+    success: "bg-success text-white hover:text-white",
+    info: "bg-info text-white hover:text-white",
+    warning: "bg-warning text-white hover:text-white",
+    danger: "bg-danger text-white hover:text-white"
+  };
+  return t[r || "primary"] || t.primary;
+}, _ = C(null), Ce = () => {
+  const r = z(_);
+  if (!r)
+    throw new Error(
+      "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
+    );
+  return r;
+}, H = x.forwardRef(
+  ({ children: r, className: t, disabled: s, id: c, value: n, position: d = "middle", ...u }, a) => {
+    const o = Ce(), i = x.useId(), h = c || i, g = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", f = o.value?.includes(n) ?? !1, b = (w) => {
+      if (!g) {
+        const m = o.value || [];
+        let v;
+        f ? v = m.filter((y) => y !== n) : v = [...m, n], o.onChange?.(v);
+      }
+      u.onChange?.(w);
+    };
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: a,
+          type: "checkbox",
+          id: h,
+          name: `${o.name}[]`,
+          value: n,
+          checked: f,
+          disabled: g,
+          onChange: b,
+          className: "sr-only",
+          ...u
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: h,
+          className: p(
+            "flex flex-row items-center justify-center",
+            Ie({
+              variant: l,
+              size: o.size,
+              rounded: d
+            }),
+            f && Ne(l),
+            g && "opacity-50 cursor-not-allowed pointer-events-none",
+            t
+          ),
+          children: r
+        }
+      )
+    ] });
+  }
+);
+H.displayName = "SegmentOption";
+const ze = x.forwardRef(
+  ({
+    variant: r = "primary",
+    size: t = "md",
+    label: s,
+    helperText: c,
+    error: n,
+    disabled: d,
+    name: u,
+    value: a = [],
+    onChange: o,
+    children: i,
+    ...h
+  }, g) => {
+    const l = !!n, f = {
+      variant: r,
+      size: t,
+      disabled: d,
+      error: l,
+      name: u,
+      value: a,
+      onChange: o
+    }, b = x.Children.toArray(i), w = b.map((m, v) => {
+      if (x.isValidElement(m)) {
+        let y;
+        return b.length === 1 ? y = "single" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
+          m,
+          { position: y }
+        );
+      }
+      return m;
+    });
+    return /* @__PURE__ */ e.jsx(_.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { ref: g, ...h, children: [
+      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: p(
+            ke({
+              variant: l ? "danger" : r,
+              size: t,
+              error: l
+            })
+          ),
+          children: w
+        }
+      ),
+      l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+      !l && c && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: c })
+    ] }) });
+  }
+), er = Object.assign(ze, {
+  Option: H
+}), rr = V(
+  ({
+    autoComplete: r = "off",
+    spellCheck: t = !1,
+    inputMode: s = "search",
+    placeholder: c = "Search...",
+    maxLength: n = 256,
+    enterKeyHint: d = "search",
+    "aria-label": u = "Search",
+    // internal default, not in props
+    ...a
+  }, o) => /* @__PURE__ */ e.jsx(
+    S,
+    {
+      ref: o,
+      type: "search",
+      inputMode: s,
+      autoComplete: r,
+      spellCheck: t,
+      placeholder: c,
+      maxLength: n,
+      enterKeyHint: d,
+      "aria-label": u,
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: Q, color: "inherit", size: "sm" }),
+      ...a
+    }
+  )
+), Se = j(
+  "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"
+    }
+  }
+), Ve = x.forwardRef(
+  ({
+    variant: r = "primary",
+    label: t,
+    helperText: s,
+    error: c,
+    className: n,
+    disabled: d,
+    id: u,
+    placeholder: a,
+    children: o,
+    ...i
+  }, h) => {
+    const g = x.useId(), l = u || g, f = !!c;
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: l,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", n), children: [
+        /* @__PURE__ */ e.jsxs(
+          "select",
+          {
+            ref: h,
+            id: l,
+            "aria-invalid": f,
+            "aria-disabled": d,
+            disabled: d,
+            className: p(
+              Se({
+                variant: f ? "danger" : r
+              }),
+              "h-10 pl-3"
+            ),
+            ...i,
+            children: [
+              a && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: a }),
+              o
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none", children: /* @__PURE__ */ e.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__ */ e.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"
+              }
+            )
+          }
+        ) })
+      ] }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+    ] });
+  }
+);
+Ve.displayName = "SelectInput";
+const Re = j(
+  "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"
+    }
+  }
+), Oe = x.forwardRef(
+  ({
+    variant: r = "primary",
+    label: t,
+    helperText: s,
+    error: c,
+    className: n,
+    disabled: d,
+    id: u,
+    minRows: a = 3,
+    maxRows: o,
+    fieldSizing: i = "fixed",
+    style: h,
+    rows: g,
+    ...l
+  }, f) => {
+    const b = x.useId(), w = u || b, m = !!c, v = g || a, y = i === "content" ? void 0 : o, k = {
+      ...i === "content" && { fieldSizing: "content" },
+      ...y && {
+        maxHeight: `${y * 1.5}rem`
+        // Approximate line height
+      },
+      ...h
+    };
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: w,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: p("relative w-full", n), children: /* @__PURE__ */ e.jsx(
+        "textarea",
+        {
+          ref: f,
+          id: w,
+          rows: v,
+          "aria-invalid": m,
+          "aria-disabled": d,
+          disabled: d,
+          style: k,
+          className: p(
+            Re({
+              variant: m ? "danger" : r,
+              fieldSizing: i
+            }),
+            "px-3 py-2"
+          ),
+          ...l
+        }
+      ) }),
+      m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !m && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+    ] });
+  }
+);
+Oe.displayName = "TextAreaInput";
+const tr = V(function(t, s) {
+  const c = (n) => {
+    t?.onChange?.(n.target.value);
+  };
+  return /* @__PURE__ */ e.jsx(
+    S,
+    {
+      type: "time",
+      tabIndex: 0,
+      "aria-hidden": "true",
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: U, color: "inherit", size: "sm" }),
+      ref: s,
+      ...t,
+      onChange: c
+    }
+  );
+}), Ee = j(
+  "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" }
+    ]
+  }
+), Me = j(
+  "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
+    }
+  }
+), Fe = ({
+  color: r = "primary",
+  size: t = "md",
+  disabled: s = !1,
+  className: c,
+  checked: n
+}) => /* @__PURE__ */ e.jsx(
+  "span",
+  {
+    className: p(
+      Ee({ color: r, size: t, disabled: s, checked: n }),
+      "rounded-full pointer-events-none",
+      c
+    ),
+    "aria-hidden": "true"
+  }
+), Pe = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Me({ size: r, checked: t })), "aria-hidden": "true" }), Be = ({ label: r, htmlFor: t, placement: s = "top", disabled: c = !1 }) => r ? /* @__PURE__ */ e.jsx(
+  "label",
+  {
+    htmlFor: t,
+    className: p(
+      "text-sm select-none font-medium text-foreground",
+      s === "inline" ? "ml-2 mb-0" : "mb-1",
+      c && "opacity-50 cursor-not-allowed"
+    ),
+    children: r
+  }
+) : null, De = x.forwardRef(
+  ({
+    checked: r,
+    defaultChecked: t,
+    onCheckedChange: s,
+    color: c = "primary",
+    size: n = "md",
+    label: d,
+    labelPlacement: u = "top",
+    disabled: a = !1,
+    className: o,
+    id: i,
+    ariaLabel: h,
+    ...g
+  }, l) => {
+    const [f, b] = F(
+      t ?? !1
+    ), w = E(), m = i || w, v = typeof r == "boolean", y = v ? r : f, k = (I) => {
+      v || b(I.target.checked), s?.(I.target.checked);
+    };
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: p(
+          "flex flex-col",
+          u === "inline" && "flex-row items-center",
+          o
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx(
+            Be,
+            {
+              label: d,
+              htmlFor: m,
+              placement: u,
+              disabled: a
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "span",
+            {
+              className: p(
+                "relative flex items-center",
+                u === "inline" && "ml-2"
+              ),
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    ref: l,
+                    type: "checkbox",
+                    id: m,
+                    "aria-label": h || d,
+                    checked: y,
+                    disabled: a,
+                    onChange: k,
+                    className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
+                    ...g
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  Fe,
+                  {
+                    color: c,
+                    size: n,
+                    disabled: a,
+                    checked: y
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(Pe, { size: n, checked: y })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+De.displayName = "SwitchInput";
+function $e(r, t) {
+  J(() => {
+    typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
+  }, [r, t]);
+}
+const or = ({
+  value: r,
+  onChange: t,
+  allowNegative: s = !1,
+  inputProps: c,
+  label: n,
+  helperText: d,
+  error: u,
+  variant: a,
+  ...o
+}) => {
+  const i = M(null), [h, g] = F(
+    r === "" ? "" : String(r)
+  );
+  $e(r, g);
+  const l = (f) => {
+    let b = f.target.value.replace(/[^\d.,-]/g, "");
+    s || (b = b.replace(/-/g, "")), g(b), t(b);
+  };
+  return /* @__PURE__ */ e.jsx(
+    S,
+    {
+      ref: i,
+      type: "text",
+      label: n,
+      value: h,
+      onChange: l,
+      error: u,
+      helperText: d,
+      placeholder: o.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: X, color: "inherit", size: "sm" }),
+      variant: a,
+      inputMode: "numeric",
+      autoComplete: "off",
+      pattern: s ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
+      ...c,
+      ...o
+    }
+  );
+}, sr = V(
+  (r, t) => /* @__PURE__ */ e.jsx(
+    S,
+    {
+      ...r,
+      ref: t,
+      type: "email",
+      autoComplete: "email",
+      inputMode: "email",
+      leftContent: /* @__PURE__ */ e.jsx(N, { as: Y, color: "inherit", size: "sm" })
+    }
+  )
+), Ae = j(
+  "flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Le = j(
+  "flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary",
+        false: "border-border bg-white"
+      },
+      disabled: {
+        true: "opacity-50",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), nr = V(({ value: r, label: t, checked: s, id: c, className: n, disabled: d, ...u }, a) => {
+  const o = E(), i = c || o;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      htmlFor: i,
+      className: p(
+        Ae({
+          checked: !!s,
+          disabled: !!d
+        }),
+        n
+      ),
+      "aria-checked": s,
+      role: "radio",
+      "aria-label": `Select ${r}`,
+      tabIndex: d ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: a,
+            id: i,
+            type: "radio",
+            value: r,
+            checked: s,
+            disabled: d,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Le({
+              checked: !!s,
+              disabled: !!d
+            }),
+            "aria-hidden": "true",
+            children: s ? /* @__PURE__ */ e.jsx(N, { as: R, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
+    }
+  );
+}), Ge = j(
+  "flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Te = j(
+  "flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary",
+        false: "border-border bg-white"
+      },
+      disabled: {
+        true: "opacity-50",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), ar = V(({ value: r, label: t, checked: s, id: c, className: n, disabled: d, ...u }, a) => {
+  const o = E(), i = c || o;
+  return /* @__PURE__ */ e.jsxs(
+    "label",
+    {
+      htmlFor: i,
+      className: p(
+        Ge({
+          checked: !!s,
+          disabled: !!d
+        }),
+        n
+      ),
+      "aria-checked": s,
+      role: "checkbox",
+      "aria-label": `Select ${r}`,
+      tabIndex: d ? -1 : 0,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: a,
+            id: i,
+            type: "checkbox",
+            value: r,
+            checked: s,
+            disabled: d,
+            className: "sr-only",
+            "aria-hidden": !0,
+            "aria-checked": s,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: Te({
+              checked: !!s,
+              disabled: !!d
+            }),
+            "aria-hidden": "true",
+            children: s ? /* @__PURE__ */ e.jsx(N, { as: R, color: "neutral", size: "md" }) : null
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
+      ]
+    }
+  );
+});
+export {
+  Ke as C,
+  Xe as D,
+  sr as E,
+  or as P,
+  Ye as R,
+  Ze as S,
+  S as T,
+  Qe as a,
+  Ue as b,
+  er as c,
+  rr as d,
+  Ve as e,
+  Oe as f,
+  tr as g,
+  De as h,
+  nr as i,
+  ar as j
+};