@dimasbaguspm/versaur 0.0.47 → 0.0.49

package/dist/js/time-picker-input-JBEgDV2V.js

@@ -1,2049 +0,0 @@
-import { c as v, j as e, a as p } from "./index-DOdDlCoL.js";
-import m, { createContext as R, useContext as O, useId as E, forwardRef as z, useRef as A, useEffect as ae, useState as L } from "react";
-import { I as S } from "./image-rectangle-B4nXH4Q5.js";
-import { Calendar as ie, MailIcon as ce, Banknote as de, SearchIcon as le, Check as W, Clock as ue } from "lucide-react";
-import "./snackbar-DH8jCh2V.js";
-const ge = v("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 = v(
-  "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"
-    }
-  }
-), he = v(
-  "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 = R(null), be = () => {
-  const r = O(G);
-  if (!r)
-    throw new Error("CheckboxOption must be used within CheckboxInput");
-  return r;
-}, _ = m.forwardRef(({ children: r, description: t, className: o, disabled: s, id: n, ...i }, l) => {
-  const c = be(), a = m.useId(), g = n || a, u = s || c.disabled, f = c.error ? "danger" : c.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: l,
-        type: "checkbox",
-        id: g,
-        disabled: u,
-        className: p(
-          fe({
-            variant: f,
-            size: c.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
-          c.size === "sm" && "after:w-[3px] after:h-[6px]",
-          c.size === "md" && "after:w-[4px] after:h-[8px]",
-          c.size === "lg" && "after:w-[6px] after:h-[10px]",
-          "checked:after:opacity-100",
-          // Outline variants use colored checkmark
-          f?.includes("outline") && "checked:after:border-current",
-          o
-        ),
-        ...i
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: g,
-          className: he({
-            size: c.size,
-            disabled: u
-          }),
-          children: r
-        }
-      ),
-      t && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: p(
-            "text-gray-600 mt-1",
-            c.size === "sm" && "text-xs",
-            c.size === "md" && "text-xs",
-            c.size === "lg" && "text-sm",
-            u && "opacity-50"
-          ),
-          children: t
-        }
-      )
-    ] })
-  ] });
-});
-_.displayName = "CheckboxOption";
-const K = m.forwardRef(
-  ({
-    variant: r = "primary",
-    size: t = "md",
-    label: o,
-    helperText: s,
-    error: n,
-    direction: i = "vertical",
-    className: l,
-    disabled: c,
-    children: a,
-    ...g
-  }, u) => {
-    const f = !!n, d = {
-      variant: r,
-      size: t,
-      disabled: c,
-      error: f
-    };
-    return /* @__PURE__ */ e.jsx(G.Provider, { value: d, children: /* @__PURE__ */ e.jsxs("div", { ref: u, className: p("w-full", l), ...g, children: [
-      o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx("div", { className: ge({ direction: i }), children: a }),
-      f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-);
-K.displayName = "CheckboxInput";
-const fr = Object.assign(K, {
-  Option: _
-}), H = R(null), me = () => {
-  const r = O(H);
-  if (!r)
-    throw new Error(
-      "useChipSingleInputContext must be used within ChipSingleInputContext"
-    );
-  return r;
-}, xe = v(
-  "inline-flex items-center bg-white transition-colors duration-200 cursor-pointer border border-border",
-  {
-    variants: {
-      variant: {
-        primary: [
-          "hover:bg-primary-soft",
-          "hover:border-primary-bold",
-          "focus:border-primary-light",
-          "data-[selected=true]:bg-primary",
-          "data-[selected=true]:border-primary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        secondary: [
-          "hover:bg-secondary-soft",
-          "hover:border-secondary-bold",
-          "focus:border-secondary-light",
-          "data-[selected=true]:bg-secondary",
-          "data-[selected=true]:border-secondary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        tertiary: [
-          "hover:bg-tertiary-soft",
-          "hover:border-tertiary-bold",
-          "focus:border-tertiary-light",
-          "data-[selected=true]:bg-tertiary",
-          "data-[selected=true]:border-tertiary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        ghost: [
-          "hover:bg-ghost-soft",
-          "hover:border-ghost-bold",
-          "focus:border-ghost-light",
-          "data-[selected=true]:bg-ghost",
-          "data-[selected=true]:border-ghost",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        neutral: ["hover:bg-gray-soft", "hover:border-gray-light"].join(" ")
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      size: {
-        sm: "h-7 px-3 text-sm min-w-[2.25rem]",
-        md: "h-9 px-4 text-sm min-w-[2.5rem]",
-        lg: "h-10 px-8 text-lg min-w-[2.75rem]"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      shape: "circle",
-      size: "sm"
-    }
-  }
-), pe = m.forwardRef(({ children: r, className: t, disabled: o, id: s, value: n, ...i }, l) => {
-  const {
-    variant: c = "primary",
-    shape: a = "circle",
-    size: g = "sm",
-    ...u
-  } = me(), f = E(), d = s || f, h = o || u.disabled, b = u.value === n, y = (w) => {
-    h || u.onChange?.(n), i.onChange?.(w);
-  };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        ref: l,
-        type: "radio",
-        id: d,
-        name: u.name,
-        value: n,
-        checked: b,
-        disabled: h,
-        onChange: y,
-        className: "sr-only",
-        ...i
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "label",
-      {
-        htmlFor: d,
-        "data-selected": b,
-        className: p(
-          xe({
-            variant: c,
-            shape: a,
-            size: g
-          }),
-          h && "opacity-50 cursor-not-allowed pointer-events-none",
-          t
-        ),
-        children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center gap-2", children: r })
-      }
-    )
-  ] });
-}), ye = z(
-  ({
-    variant: r = "primary",
-    shape: t = "circle",
-    size: o = "sm",
-    label: s,
-    helperText: n,
-    error: i,
-    className: l,
-    disabled: c,
-    name: a,
-    value: g,
-    onChange: u,
-    children: f,
-    ...d
-  }, h) => {
-    const b = !!i, y = {
-      variant: r,
-      shape: t,
-      size: o,
-      disabled: c,
-      error: b,
-      name: a,
-      value: g,
-      onChange: u
-    };
-    return /* @__PURE__ */ e.jsx(H.Provider, { value: y, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...d, children: [
-      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: i }),
-      !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
-    ] }) });
-  }
-), hr = Object.assign(ye, {
-  Option: pe
-}), T = R(null), we = () => {
-  const r = O(T);
-  if (!r)
-    throw new Error(
-      "useChipMultipleInputContext must be used within ChipMultipleInputContext"
-    );
-  return r;
-}, ve = v(
-  "inline-flex items-center bg-white transition-colors duration-200 cursor-pointer border border-border",
-  {
-    variants: {
-      variant: {
-        primary: [
-          "hover:bg-primary-soft",
-          "hover:border-primary-bold",
-          "focus:border-primary-light",
-          "data-[selected=true]:bg-primary",
-          "data-[selected=true]:border-primary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        secondary: [
-          "hover:bg-secondary-soft",
-          "hover:border-secondary-bold",
-          "focus:border-secondary-light",
-          "data-[selected=true]:bg-secondary",
-          "data-[selected=true]:border-secondary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        tertiary: [
-          "hover:bg-tertiary-soft",
-          "hover:border-tertiary-bold",
-          "focus:border-tertiary-light",
-          "data-[selected=true]:bg-tertiary",
-          "data-[selected=true]:border-tertiary",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        ghost: [
-          "hover:bg-ghost-soft",
-          "hover:border-ghost-bold",
-          "focus:border-ghost-light",
-          "data-[selected=true]:bg-ghost",
-          "data-[selected=true]:border-ghost",
-          "data-[selected=true]:text-white"
-        ].join(" "),
-        neutral: ["hover:bg-gray-soft", "hover:border-gray-light"].join(" ")
-      },
-      selected: {
-        true: "",
-        false: ""
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      size: {
-        sm: "h-7 px-3 text-sm min-w-[2.25rem]",
-        md: "h-9 px-4 text-sm min-w-[2.5rem]",
-        lg: "h-10 px-8 text-lg min-w-[2.75rem]"
-      }
-    }
-  }
-), q = z(({ children: r, className: t, disabled: o, id: s, value: n, ...i }, l) => {
-  const {
-    variant: c = "primary",
-    shape: a = "circle",
-    size: g = "sm",
-    ...u
-  } = we(), f = m.useId(), d = s || f, h = o || u.disabled, b = u.value?.includes(n) ?? !1, y = (w) => {
-    if (!h) {
-      const j = u.value || [];
-      let x;
-      b ? x = j.filter((V) => V !== n) : x = [...j, n], u.onChange?.(x);
-    }
-    i.onChange?.(w);
-  };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        ref: l,
-        type: "checkbox",
-        id: d,
-        name: `${u.name}[]`,
-        value: n,
-        checked: b,
-        disabled: h,
-        onChange: y,
-        className: "sr-only",
-        ...i
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "label",
-      {
-        htmlFor: d,
-        "data-selected": b,
-        className: p(
-          ve({
-            variant: c,
-            shape: a,
-            size: g
-          }),
-          h && "opacity-50 cursor-not-allowed pointer-events-none",
-          t
-        ),
-        children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center gap-2", children: r })
-      }
-    )
-  ] });
-});
-q.displayName = "ChipMultipleOption";
-const ke = z(
-  ({
-    variant: r = "primary",
-    shape: t = "circle",
-    size: o = "sm",
-    label: s,
-    helperText: n,
-    error: i,
-    className: l,
-    disabled: c,
-    name: a,
-    value: g = [],
-    onChange: u,
-    children: f,
-    ...d
-  }, h) => {
-    const b = !!i, y = {
-      variant: r,
-      shape: t,
-      size: o,
-      disabled: c,
-      error: b,
-      name: a,
-      value: g,
-      onChange: u
-    };
-    return /* @__PURE__ */ e.jsx(T.Provider, { value: y, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", l), ...d, children: [
-      s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-      b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: i }),
-      !b && n && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: n })
-    ] }) });
-  }
-), br = Object.assign(ke, {
-  Option: q
-}), je = v(
-  "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"
-    }
-  }
-), $ = m.forwardRef(
-  ({
-    variant: r = "primary",
-    label: t,
-    leftContent: o,
-    rightContent: s,
-    helperText: n,
-    error: i,
-    className: l,
-    disabled: c,
-    id: a,
-    ...g
-  }, u) => {
-    const f = m.useId(), d = a || f, h = !!i;
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      t && /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: d,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ e.jsxs("div", { className: p("relative w-full", l), children: [
-        o && /* @__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: o
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: u,
-            id: d,
-            "aria-invalid": h,
-            "aria-disabled": c,
-            disabled: c,
-            className: p(
-              je({
-                variant: h ? "danger" : r
-              }),
-              o ? "pl-9" : "pl-3",
-              s ? "pr-9" : "pr-3",
-              "h-9"
-            ),
-            ...g
-          }
-        ),
-        s && /* @__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: s
-          }
-        )
-      ] }),
-      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
-      !h && n && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
-    ] });
-  }
-);
-$.displayName = "TextInput";
-function Ie(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 mr = m.forwardRef(function({ value: t = "", onChange: o, label: s, formatter: n, ...i }, l) {
-  const c = A(null), a = (d) => {
-    c.current = d, typeof l == "function" ? l(d) : l && typeof l == "object" && (l.current = d);
-  }, g = () => {
-    c.current && (typeof c.current.showPicker == "function" ? c.current.showPicker() : c.current.focus());
-  }, u = (d) => {
-    o(d.target.value);
-  }, f = (n ?? Ie)(t);
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ e.jsx(
-      $,
-      {
-        type: "text",
-        value: f,
-        label: s,
-        readOnly: !0,
-        tabIndex: 0,
-        "aria-hidden": "true",
-        onClick: g,
-        leftContent: /* @__PURE__ */ e.jsx(S, { as: ie, color: "inherit", size: "sm" }),
-        "data-testid": "date-single-picker-visible-input",
-        ...i
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        ref: a,
-        type: "date",
-        value: t,
-        onChange: u,
-        className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
-        tabIndex: -1,
-        "aria-label": typeof s == "string" ? s : void 0
-      }
-    )
-  ] });
-}), xr = z(
-  (r, t) => /* @__PURE__ */ e.jsx(
-    $,
-    {
-      ...r,
-      ref: t,
-      type: "email",
-      autoComplete: "email",
-      inputMode: "email",
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: ce, color: "inherit", size: "sm" })
-    }
-  )
-), Ce = v(
-  // align sizing with TextInput which uses h-9; keep width slightly narrower for single-digit input
-  "w-9 h-9 text-center border rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold",
-  {
-    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"
-    }
-  }
-), Ne = (r) => /^\d$/.test(r), M = (r) => r.replace(/\D/g, "").slice(0, 6), J = m.forwardRef(
-  ({
-    value: r,
-    onChange: t,
-    onKeyDown: o,
-    onFocus: s,
-    onPaste: n,
-    disabled: i,
-    error: l,
-    variant: c,
-    secure: a,
-    inputRef: g,
-    index: u,
-    id: f
-  }, d) => /* @__PURE__ */ e.jsx(
-    "input",
-    {
-      ref: g,
-      id: f,
-      type: a ? "password" : "text",
-      inputMode: "numeric",
-      maxLength: 1,
-      value: a ? r ? "•" : "" : r,
-      onChange: (h) => {
-        const b = h.target.value;
-        (b === "" || Ne(b)) && t(b);
-      },
-      onKeyDown: o,
-      onFocus: s,
-      onPaste: n,
-      disabled: i,
-      "aria-invalid": l,
-      "aria-disabled": i,
-      className: p(
-        Ce({
-          variant: l ? "danger" : c
-        })
-      ),
-      autoComplete: "one-time-code",
-      "data-testid": `pin-input-${u}`
-    }
-  )
-);
-J.displayName = "PinInput";
-const Ve = m.forwardRef(
-  ({
-    variant: r = "primary",
-    label: t,
-    helperText: o,
-    error: s,
-    disabled: n,
-    value: i,
-    defaultValue: l,
-    onChange: c,
-    onComplete: a,
-    autoSubmit: g = !1,
-    className: u,
-    id: f,
-    name: d,
-    required: h,
-    secure: b = !1,
-    ...y
-  }, w) => {
-    const j = m.useId(), x = f || j, V = !!s, N = m.useRef([]), [re, te] = m.useState(
-      () => M(l || "")
-    ), F = i !== void 0 ? M(i) : re, P = F.split("").concat(Array(6 - F.length).fill("")), D = m.useCallback(
-      (I) => {
-        const k = M(I);
-        if (i === void 0 && te(k), c?.(k), k.length === 6 && (a?.(k), g)) {
-          const C = N.current[0]?.closest("form");
-          C && C.requestSubmit();
-        }
-      },
-      [i, c, a, g]
-    ), oe = m.useCallback(
-      (I, k) => {
-        const C = [...P];
-        C[I] = k;
-        const B = C.join("").replace(/\s+$/, "");
-        D(B), k && I < 5 && N.current[I + 1]?.focus();
-      },
-      [P, D]
-    ), ne = m.useCallback(
-      (I, k) => {
-        k.key === "Backspace" && !P[I] && I > 0 || k.key === "ArrowLeft" && I > 0 ? N.current[I - 1]?.focus() : k.key === "ArrowRight" && I < 5 && N.current[I + 1]?.focus();
-      },
-      [P]
-    ), se = m.useCallback(
-      (I) => {
-        I.preventDefault();
-        const k = I.clipboardData.getData("text"), C = M(k);
-        if (C.length > 0) {
-          D(C);
-          const B = Math.min(C.length, 5);
-          N.current[B]?.focus();
-        }
-      },
-      [D]
-    );
-    return /* @__PURE__ */ e.jsxs("div", { ref: w, className: p("w-full", u), ...y, children: [
-      t && /* @__PURE__ */ e.jsxs(
-        "label",
-        {
-          htmlFor: `${x}-0`,
-          className: "block text-sm font-medium text-foreground mb-2",
-          children: [
-            t,
-            h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "flex gap-2 justify-center",
-          role: "group",
-          "aria-labelledby": t ? `${x}-label` : void 0,
-          "aria-describedby": V ? `${x}-error` : o ? `${x}-helper` : void 0,
-          children: P.map((I, k) => /* @__PURE__ */ e.jsx(
-            J,
-            {
-              value: I,
-              onChange: (C) => oe(k, C),
-              onKeyDown: (C) => ne(k, C),
-              onFocus: () => {
-                const C = N.current[k];
-                C && C.select();
-              },
-              onPaste: se,
-              disabled: n,
-              error: V,
-              variant: r,
-              secure: b,
-              inputRef: (C) => {
-                N.current[k] = C;
-              },
-              index: k,
-              id: `${x}-${k}`
-            },
-            k
-          ))
-        }
-      ),
-      d && /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          type: "hidden",
-          name: d,
-          value: F,
-          required: h
-        }
-      ),
-      V && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          id: `${x}-error`,
-          className: "mt-2 text-sm text-danger",
-          role: "alert",
-          children: s
-        }
-      ),
-      !V && o && /* @__PURE__ */ e.jsx("div", { id: `${x}-helper`, className: "mt-2 text-sm text-gray-600", children: o })
-    ] });
-  }
-);
-Ve.displayName = "PinField";
-function ze(r, t) {
-  ae(() => {
-    typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
-  }, [r, t]);
-}
-function Se(r, t = !1) {
-  if (r === "" || r === "-" && t) return !0;
-  const o = t && r.startsWith("-") ? r.slice(1) : r;
-  if (t && r.startsWith("-") && o === "") return !0;
-  if (o.startsWith(".") || o.startsWith(",") || !/^[\d.,]+$/.test(o)) return !1;
-  const s = o.split(",");
-  if (s.length > 2) return !1;
-  const n = s[0], i = s[1];
-  return !(n === "" || !Re(n) || i !== void 0 && i !== "" && !Oe(i));
-}
-function Re(r) {
-  if (r === "") return !1;
-  if (!r.includes("."))
-    return /^\d+$/.test(r);
-  const t = r.split(".");
-  if (t[0] === "" || !/^\d{1,3}$/.test(t[0])) return !1;
-  for (let o = 1; o < t.length; o++) {
-    const s = t[o];
-    if (o === t.length - 1) {
-      if (s !== "" && !/^\d{1,3}$/.test(s)) return !1;
-    } else if (!/^\d{3}$/.test(s)) return !1;
-  }
-  return !0;
-}
-function Oe(r) {
-  return /^\d{1,2}$/.test(r);
-}
-function Q(r, t = !1) {
-  if (r === "") return "";
-  const o = r.startsWith("-");
-  if (o && !t)
-    return Q(r.slice(1), !1);
-  if (o && r.length === 1) return "-";
-  let n = (o ? r.slice(1) : r).replace(/[^\d.,]/g, "");
-  const i = n.lastIndexOf(",");
-  if (i !== -1) {
-    const l = n.slice(0, i).replace(/,/g, ""), c = n.slice(i + 1).replace(/,/g, "");
-    n = l + "," + c;
-  }
-  return n = n.replace(/\.{2,}/g, "."), (o ? "-" : "") + n;
-}
-const pr = ({
-  value: r,
-  onChange: t,
-  allowNegative: o = !1,
-  inputProps: s,
-  label: n,
-  helperText: i,
-  error: l,
-  variant: c,
-  ...a
-}) => {
-  const g = A(null), [u, f] = L(
-    r === "" ? "" : String(r)
-  );
-  ze(r, f);
-  const d = (h) => {
-    const b = h.target.value, y = Q(b, o);
-    Se(y, o) ? (f(y), t(y)) : h.preventDefault();
-  };
-  return /* @__PURE__ */ e.jsx(
-    $,
-    {
-      ref: g,
-      type: "text",
-      label: n,
-      value: u,
-      onChange: d,
-      error: l,
-      helperText: i,
-      placeholder: a.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: de, color: "inherit", size: "sm" }),
-      variant: c,
-      inputMode: "numeric",
-      autoComplete: "off",
-      pattern: "[0-9.,-]*",
-      ...s,
-      ...a
-    }
-  );
-}, $e = v("space-y-2", {
-  variants: {
-    direction: {
-      vertical: "space-y-2 space-x-0",
-      horizontal: "flex flex-wrap gap-4 space-y-0"
-    }
-  },
-  defaultVariants: {
-    direction: "vertical"
-  }
-}), Pe = v(
-  "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"
-    }
-  }
-), De = v(
-  "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
-    }
-  }
-), U = R(
-  null
-), Me = () => {
-  const r = O(U);
-  if (!r)
-    throw new Error(
-      "useRadioInputContext must be used within RadioInputContext"
-    );
-  return r;
-}, Ee = m.forwardRef(
-  ({ children: r, description: t, className: o, disabled: s, id: n, value: i, ...l }, c) => {
-    const a = Me(), g = m.useId(), u = n || g, f = s || a.disabled, d = 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: c,
-          type: "radio",
-          id: u,
-          name: a.name,
-          value: i,
-          disabled: f,
-          className: p(
-            Pe({
-              variant: d,
-              size: a.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
-            a.size === "sm" && "before:w-[6px] before:h-[6px]",
-            a.size === "md" && "before:w-[8px] before:h-[8px]",
-            a.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",
-            o
-          ),
-          ...l
-        }
-      ) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ e.jsx(
-          "label",
-          {
-            htmlFor: u,
-            className: De({
-              size: a.size,
-              disabled: f
-            }),
-            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",
-              f && "opacity-50"
-            ),
-            children: t
-          }
-        )
-      ] })
-    ] });
-  }
-), Fe = m.forwardRef(
-  ({
-    variant: r = "primary",
-    size: t = "md",
-    label: o,
-    helperText: s,
-    error: n,
-    direction: i = "vertical",
-    className: l,
-    disabled: c,
-    name: a,
-    children: g,
-    ...u
-  }, f) => {
-    const d = !!n, h = {
-      variant: r,
-      size: t,
-      disabled: c,
-      error: d,
-      name: a
-    };
-    return /* @__PURE__ */ e.jsx(U.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", l), ...u, children: [
-      o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx("div", { className: $e({ direction: i }), children: g }),
-      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), yr = Object.assign(Fe, {
-  Option: Ee
-}), wr = z(
-  ({
-    autoComplete: r = "off",
-    spellCheck: t = !1,
-    inputMode: o = "search",
-    placeholder: s = "Search...",
-    maxLength: n = 256,
-    enterKeyHint: i = "search",
-    "aria-label": l = "Search",
-    // internal default, not in props
-    ...c
-  }, a) => /* @__PURE__ */ e.jsx(
-    $,
-    {
-      ref: a,
-      type: "search",
-      inputMode: o,
-      autoComplete: r,
-      spellCheck: t,
-      placeholder: s,
-      maxLength: n,
-      enterKeyHint: i,
-      "aria-label": l,
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: le, color: "inherit", size: "sm" }),
-      ...c
-    }
-  )
-), Be = v(
-  "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
-    }
-  }
-), Ae = v(
-  "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"
-    }
-  }
-), Le = (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;
-}, X = R(null), We = () => {
-  const r = O(X);
-  if (!r)
-    throw new Error(
-      "useSegmentSingleInputContext must be used within SegmentSingleInputContext"
-    );
-  return r;
-}, Y = m.forwardRef(
-  ({ children: r, className: t, disabled: o, id: s, value: n, position: i = "middle", ...l }, c) => {
-    const a = We(), g = m.useId(), u = s || g, f = o || a.disabled, d = a.error ? "danger" : a.variant || "primary", h = a.value === n, b = (y) => {
-      if (!f) {
-        const w = a.value === n ? null : n;
-        a.onChange?.(w);
-      }
-      l.onChange?.(y);
-    };
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          ref: c,
-          type: "radio",
-          id: u,
-          name: a.name,
-          value: n,
-          checked: h,
-          disabled: f,
-          onChange: b,
-          className: "sr-only",
-          ...l
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: u,
-          className: p(
-            "flex flex-row items-center justify-center",
-            Ae({
-              variant: d,
-              size: a.size,
-              rounded: i
-            }),
-            h && Le(d),
-            f && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: r
-        }
-      )
-    ] });
-  }
-);
-Y.displayName = "SegmentOption";
-const Ge = m.forwardRef(
-  ({
-    variant: r = "primary",
-    size: t = "md",
-    label: o,
-    helperText: s,
-    error: n,
-    disabled: i,
-    name: l,
-    value: c,
-    onChange: a,
-    children: g,
-    ...u
-  }, f) => {
-    const d = !!n, h = {
-      variant: r,
-      size: t,
-      disabled: i,
-      error: d,
-      name: l,
-      value: c,
-      onChange: a
-    }, b = m.Children.toArray(g), y = b.map((w, j) => {
-      if (m.isValidElement(w)) {
-        let x;
-        return b.length === 1 ? x = "single" : j === 0 ? x = "first" : j === b.length - 1 ? x = "last" : x = "middle", m.cloneElement(
-          w,
-          { position: x }
-        );
-      }
-      return w;
-    });
-    return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
-      o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: p(
-            Be({
-              variant: d ? "danger" : r,
-              size: t,
-              error: d
-            })
-          ),
-          children: y
-        }
-      ),
-      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), vr = Object.assign(Ge, {
-  Option: Y
-}), _e = v(
-  "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
-    }
-  }
-), Ke = v(
-  "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"
-    }
-  }
-), He = (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;
-}, Z = R(null), Te = () => {
-  const r = O(Z);
-  if (!r)
-    throw new Error(
-      "useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
-    );
-  return r;
-}, ee = m.forwardRef(
-  ({ children: r, className: t, disabled: o, id: s, value: n, position: i = "middle", ...l }, c) => {
-    const a = Te(), g = m.useId(), u = s || g, f = o || a.disabled, d = a.error ? "danger" : a.variant || "primary", h = a.value?.includes(n) ?? !1, b = (y) => {
-      if (!f) {
-        const w = a.value || [];
-        let j;
-        h ? j = w.filter((x) => x !== n) : j = [...w, n], a.onChange?.(j);
-      }
-      l.onChange?.(y);
-    };
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        "input",
-        {
-          ref: c,
-          type: "checkbox",
-          id: u,
-          name: `${a.name}[]`,
-          value: n,
-          checked: h,
-          disabled: f,
-          onChange: b,
-          className: "sr-only",
-          ...l
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: u,
-          className: p(
-            "flex flex-row items-center justify-center",
-            Ke({
-              variant: d,
-              size: a.size,
-              rounded: i
-            }),
-            h && He(d),
-            f && "opacity-50 cursor-not-allowed pointer-events-none",
-            t
-          ),
-          children: r
-        }
-      )
-    ] });
-  }
-);
-ee.displayName = "SegmentOption";
-const qe = m.forwardRef(
-  ({
-    variant: r = "primary",
-    size: t = "md",
-    label: o,
-    helperText: s,
-    error: n,
-    disabled: i,
-    name: l,
-    value: c = [],
-    onChange: a,
-    children: g,
-    ...u
-  }, f) => {
-    const d = !!n, h = {
-      variant: r,
-      size: t,
-      disabled: i,
-      error: d,
-      name: l,
-      value: c,
-      onChange: a
-    }, b = m.Children.toArray(g), y = b.map((w, j) => {
-      if (m.isValidElement(w)) {
-        let x;
-        return b.length === 1 ? x = "single" : j === 0 ? x = "first" : j === b.length - 1 ? x = "last" : x = "middle", m.cloneElement(
-          w,
-          { position: x }
-        );
-      }
-      return w;
-    });
-    return /* @__PURE__ */ e.jsx(Z.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
-      o && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
-      /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: p(
-            _e({
-              variant: d ? "danger" : r,
-              size: t,
-              error: d
-            })
-          ),
-          children: y
-        }
-      ),
-      d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !d && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
-    ] }) });
-  }
-), kr = Object.assign(qe, {
-  Option: ee
-}), Je = v(
-  "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"
-    }
-  }
-), Qe = m.forwardRef(
-  ({
-    variant: r = "primary",
-    label: t,
-    helperText: o,
-    error: s,
-    className: n,
-    disabled: i,
-    id: l,
-    placeholder: c,
-    children: a,
-    ...g
-  }, u) => {
-    const f = m.useId(), d = l || f, h = !!s;
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: d,
-          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: u,
-            id: d,
-            "aria-invalid": h,
-            "aria-disabled": i,
-            disabled: i,
-            className: p(
-              Je({
-                variant: h ? "danger" : r
-              }),
-              "h-9 pl-3"
-            ),
-            ...g,
-            children: [
-              c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
-              a
-            ]
-          }
-        ),
-        /* @__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"
-              }
-            )
-          }
-        ) })
-      ] }),
-      h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
-      !h && o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
-    ] });
-  }
-);
-Qe.displayName = "SelectInput";
-const Ue = v(
-  "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
-    }
-  }
-), Xe = v(
-  "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
-    }
-  }
-), jr = z(({ value: r, label: t, checked: o, id: s, className: n, disabled: i, ...l }, c) => {
-  const a = E(), g = s || a;
-  return /* @__PURE__ */ e.jsxs(
-    "label",
-    {
-      htmlFor: g,
-      className: p(
-        Ue({
-          checked: !!o,
-          disabled: !!i
-        }),
-        n
-      ),
-      "aria-checked": o,
-      role: "radio",
-      "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: c,
-            id: g,
-            type: "radio",
-            value: r,
-            checked: o,
-            disabled: i,
-            className: "sr-only",
-            "aria-hidden": !0,
-            "aria-checked": o,
-            ...l
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: Xe({
-              checked: !!o,
-              disabled: !!i
-            }),
-            "aria-hidden": "true",
-            children: o ? /* @__PURE__ */ e.jsx(S, { as: W, color: "neutral", size: "md" }) : null
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
-      ]
-    }
-  );
-}), Ye = v(
-  "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
-    }
-  }
-), Ze = v(
-  "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
-    }
-  }
-), Ir = z(({ value: r, label: t, checked: o, id: s, className: n, disabled: i, ...l }, c) => {
-  const a = E(), g = s || a;
-  return /* @__PURE__ */ e.jsxs(
-    "label",
-    {
-      htmlFor: g,
-      className: p(
-        Ye({
-          checked: !!o,
-          disabled: !!i
-        }),
-        n
-      ),
-      "aria-checked": o,
-      role: "checkbox",
-      "aria-label": `Select ${r}`,
-      tabIndex: i ? -1 : 0,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            ref: c,
-            id: g,
-            type: "checkbox",
-            value: r,
-            checked: o,
-            disabled: i,
-            className: "sr-only",
-            "aria-hidden": !0,
-            "aria-checked": o,
-            ...l
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: Ze({
-              checked: !!o,
-              disabled: !!i
-            }),
-            "aria-hidden": "true",
-            children: o ? /* @__PURE__ */ e.jsx(S, { as: W, color: "neutral", size: "md" }) : null
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
-      ]
-    }
-  );
-}), er = v(
-  "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" }
-    ]
-  }
-), rr = v(
-  "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
-    }
-  }
-), tr = ({
-  color: r = "primary",
-  size: t = "md",
-  disabled: o = !1,
-  className: s,
-  checked: n
-}) => /* @__PURE__ */ e.jsx(
-  "span",
-  {
-    className: p(
-      er({ color: r, size: t, disabled: o, checked: n }),
-      "rounded-full pointer-events-none",
-      s
-    ),
-    "aria-hidden": "true"
-  }
-), or = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(rr({ size: r, checked: t })), "aria-hidden": "true" }), nr = ({ label: r, htmlFor: t, placement: o = "top", disabled: s = !1 }) => r ? /* @__PURE__ */ e.jsx(
-  "label",
-  {
-    htmlFor: t,
-    className: p(
-      "text-sm select-none font-medium text-foreground",
-      o === "inline" ? "ml-2 mb-0" : "mb-1",
-      s && "opacity-50 cursor-not-allowed"
-    ),
-    children: r
-  }
-) : null, sr = m.forwardRef(
-  ({
-    checked: r,
-    defaultChecked: t,
-    onCheckedChange: o,
-    color: s = "primary",
-    size: n = "md",
-    label: i,
-    labelPlacement: l = "top",
-    disabled: c = !1,
-    className: a,
-    id: g,
-    ariaLabel: u,
-    ...f
-  }, d) => {
-    const [h, b] = L(
-      t ?? !1
-    ), y = E(), w = g || y, j = typeof r == "boolean", x = j ? r : h, V = (N) => {
-      j || b(N.target.checked), o?.(N.target.checked);
-    };
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: p(
-          "flex flex-col",
-          l === "inline" && "flex-row items-center",
-          a
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            nr,
-            {
-              label: i,
-              htmlFor: w,
-              placement: l,
-              disabled: c
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            "span",
-            {
-              className: p(
-                "relative flex items-center",
-                l === "inline" && "ml-2"
-              ),
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  "input",
-                  {
-                    ref: d,
-                    type: "checkbox",
-                    id: w,
-                    "aria-label": u || i,
-                    checked: x,
-                    disabled: c,
-                    onChange: V,
-                    className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
-                    ...f
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  tr,
-                  {
-                    color: s,
-                    size: n,
-                    disabled: c,
-                    checked: x
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(or, { size: n, checked: x })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-sr.displayName = "SwitchInput";
-const ar = v(
-  "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"
-    }
-  }
-), ir = m.forwardRef(
-  ({
-    variant: r = "primary",
-    label: t,
-    helperText: o,
-    error: s,
-    className: n,
-    disabled: i,
-    id: l,
-    minRows: c = 3,
-    maxRows: a,
-    fieldSizing: g = "fixed",
-    style: u,
-    rows: f,
-    ...d
-  }, h) => {
-    const b = m.useId(), y = l || b, w = !!s, j = f || c, x = g === "content" ? void 0 : a, V = {
-      ...g === "content" && { fieldSizing: "content" },
-      ...x && {
-        maxHeight: `${x * 1.5}rem`
-        // Approximate line height
-      },
-      ...u
-    };
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      t && /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: y,
-          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: h,
-          id: y,
-          rows: j,
-          "aria-invalid": w,
-          "aria-disabled": i,
-          disabled: i,
-          style: V,
-          className: p(
-            ar({
-              variant: w ? "danger" : r,
-              fieldSizing: g
-            }),
-            "px-3 py-2"
-          ),
-          ...d
-        }
-      ) }),
-      w && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
-      !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: o })
-    ] });
-  }
-);
-ir.displayName = "TextAreaInput";
-const Cr = z(function(t, o) {
-  const s = (n) => {
-    t?.onChange?.(n.target.value);
-  };
-  return /* @__PURE__ */ e.jsx(
-    $,
-    {
-      type: "time",
-      tabIndex: 0,
-      "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ e.jsx(S, { as: ue, color: "inherit", size: "sm" }),
-      ref: o,
-      ...t,
-      onChange: s
-    }
-  );
-});
-export {
-  fr as C,
-  mr as D,
-  xr as E,
-  Ve as P,
-  yr as R,
-  wr as S,
-  $ as T,
-  hr as a,
-  br as b,
-  pr as c,
-  vr as d,
-  kr as e,
-  Qe as f,
-  jr as g,
-  Ir as h,
-  sr as i,
-  ir as j,
-  Cr as k
-};