@dimasbaguspm/versaur 0.0.12 → 0.0.14

package/dist/js/{switch-input-B-pwBWbi.js → switch-input-o8oO4Rf4.js}

@@ -1,8 +1,9 @@
-import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
+import { a as cva, j as jsxRuntimeExports } from "./index-Dmu_fHni.js";
 import React__default, { useState, useRef, createContext, useContext, useEffect, useId, useCallback } from "react";
-import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-De5dCVnE.js";
-import { a as Modal, M as Menu } from "./menu-Du409VIG.js";
+import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-B9rIZCdo.js";
+import { a as Modal, M as Menu } from "./menu-oRrbZAAy.js";
 import { CalculatorIcon, Check, Clock } from "lucide-react";
+import { c as cn } from "./cn-BKwT3erk.js";
 const textInputVariants = cva(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
   {
@@ -39,64 +40,64 @@ const textInputVariants = cva(
   ({
     variant: e = "primary",
     label: t,
-    leftContent: s,
-    rightContent: a,
-    helperText: n,
+    leftContent: n,
+    rightContent: o,
+    helperText: s,
     error: c,
-    className: l,
-    disabled: o,
+    className: u,
+    disabled: a,
     id: r,
-    ...u
+    ...i
   }, x) => {
-    const i = React__default.useId(), d = r || i, g = !!c;
+    const l = React__default.useId(), g = r || l, d = !!c;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       t && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "label",
         {
-          htmlFor: d,
+          htmlFor: g,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", l), children: [
-        s && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", u), children: [
+        n && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "span",
           {
             className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
             "data-testid": "left-content",
-            children: s
+            children: n
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
           {
             ref: x,
-            id: d,
-            "aria-invalid": g,
-            "aria-disabled": o,
-            disabled: o,
+            id: g,
+            "aria-invalid": d,
+            "aria-disabled": a,
+            disabled: a,
             className: cn(
               textInputVariants({
-                variant: g ? "danger" : e
+                variant: d ? "danger" : e
               }),
-              s ? "pl-9" : "pl-3",
-              a ? "pr-9" : "pr-3",
+              n ? "pl-9" : "pl-3",
+              o ? "pr-9" : "pr-3",
               "h-10"
             ),
-            ...u
+            ...i
           }
         ),
-        a && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        o && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "span",
           {
             className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
             "data-testid": "right-content",
-            children: a
+            children: o
           }
         )
       ] }),
-      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
-      !g && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
+      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
+      !d && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
@@ -281,31 +282,31 @@ const DEFAULT_HEADER = "Enter Amount", CalculatorInput = ({
   if (!e)
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return e;
-}, CheckboxOption = React__default.forwardRef(({ children: e, description: t, className: s, disabled: a, id: n, ...c }, l) => {
-  const o = useCheckboxContext(), r = React__default.useId(), u = n || r, x = a || o.disabled, i = o.error ? "danger" : o.variant || "primary";
+}, CheckboxOption = React__default.forwardRef(({ children: e, description: t, className: n, disabled: o, id: s, ...c }, u) => {
+  const a = useCheckboxContext(), r = React__default.useId(), i = s || r, x = o || a.disabled, l = a.error ? "danger" : a.variant || "primary";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
-        ref: l,
+        ref: u,
         type: "checkbox",
-        id: u,
+        id: i,
         disabled: x,
         className: cn(
           checkboxVariants({
-            variant: i,
-            size: o.size
+            variant: l,
+            size: a.size
           }),
           // Custom checkmark styling using ::after - centered positioning with size variants
           'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
           // Size-specific checkmark dimensions
-          o.size === "sm" && "after:w-[3px] after:h-[6px]",
-          o.size === "md" && "after:w-[4px] after:h-[8px]",
-          o.size === "lg" && "after:w-[6px] after:h-[10px]",
+          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
-          i?.includes("outline") && "checked:after:border-current",
-          s
+          l?.includes("outline") && "checked:after:border-current",
+          n
         ),
         ...c
       }
@@ -314,9 +315,9 @@ const DEFAULT_HEADER = "Enter Amount", CalculatorInput = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "label",
         {
-          htmlFor: u,
+          htmlFor: i,
           className: checkboxLabelVariants({
-            size: o.size,
+            size: a.size,
             disabled: x
           }),
           children: e
@@ -327,9 +328,9 @@ const DEFAULT_HEADER = "Enter Amount", CalculatorInput = ({
         {
           className: cn(
             "text-gray-600 mt-1",
-            o.size === "sm" && "text-xs",
-            o.size === "md" && "text-xs",
-            o.size === "lg" && "text-sm",
+            a.size === "sm" && "text-xs",
+            a.size === "md" && "text-xs",
+            a.size === "lg" && "text-sm",
             x && "opacity-50"
           ),
           children: t
@@ -343,26 +344,26 @@ const CheckboxInputRoot = React__default.forwardRef(
   ({
     variant: e = "primary",
     size: t = "md",
-    label: s,
-    helperText: a,
-    error: n,
+    label: n,
+    helperText: o,
+    error: s,
     direction: c = "vertical",
-    className: l,
-    disabled: o,
+    className: u,
+    disabled: a,
     children: r,
-    ...u
+    ...i
   }, x) => {
-    const i = !!n, d = {
+    const l = !!s, g = {
       variant: e,
       size: t,
-      disabled: o,
-      error: i
+      disabled: a,
+      error: l
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, { value: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: x, className: cn("w-full", l), ...u, children: [
-      s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: x, className: cn("w-full", u), ...i, children: [
+      n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: checkboxGroupVariants({ direction: c }), children: r }),
-      i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !i && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+      l && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+      !l && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
     ] }) });
   }
 );
@@ -377,7 +378,9 @@ const CheckboxInput = Object.assign(CheckboxInputRoot, {
     throw new Error("useChipInputContext must be used within ChipInputContext");
   return e;
 }, chipOptionVariants = cva(
-  "inline-flex items-center px-2 py-1 text-xs bg-white rounded-full font-regular font-sm transition-colors duration-200 cursor-pointer border border-border",
+  [
+    "inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border"
+  ].join(" "),
   {
     variants: {
       variant: {
@@ -448,104 +451,132 @@ const CheckboxInput = Object.assign(CheckboxInputRoot, {
       selected: {
         true: "",
         false: ""
+      },
+      shape: {
+        circle: "rounded-full",
+        rounded: "rounded-lg"
+      },
+      size: {
+        sm: "px-2 py-1 text-xs gap-1",
+        md: "px-3 py-1.5 text-sm gap-1.5",
+        lg: "px-4 py-2 text-base gap-2"
       }
     },
     defaultVariants: {
       variant: "primary",
-      selected: !1
+      selected: !1,
+      shape: "circle",
+      size: "sm"
     }
   }
-), ChipOption = React__default.forwardRef(({ children: e, className: t, disabled: s, id: a, value: n, ...c }, l) => {
-  const o = useChipInputContext(), r = React__default.useId(), u = a || r, x = s || o.disabled, i = o.error ? "danger" : o.variant || "primary", d = o.value?.includes(n) ?? !1, g = (m) => {
-    if (!x) {
-      const p = o.value || [];
-      let h;
-      d ? h = p.filter((b) => b !== n) : h = [...p, n], o.onChange?.(h);
-    }
-    c.onChange?.(m);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        ref: l,
-        type: "checkbox",
-        id: u,
-        name: `${o.name}[]`,
-        value: n,
-        checked: d,
-        disabled: x,
-        onChange: g,
-        className: "sr-only",
-        ...c
+), ChipOption = React__default.forwardRef(
+  ({
+    children: e,
+    className: t,
+    disabled: n,
+    id: o,
+    value: s,
+    check: c,
+    defaultCheck: u = !1,
+    ...a
+  }, r) => {
+    const i = useChipInputContext(), x = React__default.useId(), l = o || x, g = n || i.disabled, d = i.error ? "danger" : i.variant || "primary", m = i.shape || "circle", f = i.size || "sm", h = i.value?.includes(s) ?? !1, w = (j) => {
+      if (!g) {
+        const b = i.value || [];
+        let C;
+        h ? C = b.filter((I) => I !== s) : C = [...b, s], i.onChange?.(C);
       }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "label",
-      {
-        htmlFor: u,
-        "data-selected": d,
-        className: cn(
-          chipOptionVariants({
-            variant: i,
-            selected: d
-          }),
-          x && "opacity-50 cursor-not-allowed pointer-events-none",
-          t
-        ),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "span",
-            {
-              className: cn(
-                "flex items-center",
-                "transition-transform transition-opacity duration-200",
-                d ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
-              ),
-              "aria-hidden": "true",
-              children: d && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Check,
-                {
-                  size: 16,
-                  className: i === "primary" ? "text-primary" : i === "secondary" ? "text-secondary" : i === "tertiary" ? "text-tertiary" : i === "ghost" ? "text-ghost" : i === "success" ? "text-success" : i === "info" ? "text-info" : i === "warning" ? "text-warning" : i === "danger" ? "text-danger" : "text-primary"
-                }
-              )
-            }
+      a.onChange?.(j);
+    }, y = f === "lg" ? 20 : f === "md" ? 18 : 16;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          ref: r,
+          type: "checkbox",
+          id: l,
+          name: `${i.name}[]`,
+          value: s,
+          checked: h,
+          disabled: g,
+          onChange: w,
+          className: "sr-only",
+          ...a
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: l,
+          "data-selected": h,
+          className: cn(
+            chipOptionVariants({
+              variant: d,
+              selected: h,
+              shape: m,
+              size: f
+            }),
+            g && "opacity-50 cursor-not-allowed pointer-events-none",
+            t
           ),
-          e
-        ] })
-      }
-    )
-  ] });
-});
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center", children: [
+            (c || u) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: cn(
+                  "flex items-center",
+                  "transition-transform transition-opacity duration-200",
+                  h ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
+                ),
+                "aria-hidden": "true",
+                children: h && (c || /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Check,
+                  {
+                    size: y,
+                    className: d === "primary" ? "text-primary" : d === "secondary" ? "text-secondary" : d === "tertiary" ? "text-tertiary" : d === "ghost" ? "text-ghost" : d === "success" ? "text-success" : d === "info" ? "text-info" : d === "warning" ? "text-warning" : d === "danger" ? "text-danger" : "text-primary"
+                  }
+                ))
+              }
+            ),
+            e
+          ] })
+        }
+      )
+    ] });
+  }
+);
 ChipOption.displayName = "ChipOption";
 const ChipInputRoot = React__default.forwardRef(
   ({
     variant: e = "primary",
-    label: t,
+    shape: t = "circle",
+    size: n = "sm",
+    label: o,
     helperText: s,
-    error: a,
-    className: n,
-    disabled: c,
-    name: l,
-    value: o = [],
-    onChange: r,
-    children: u,
-    ...x
-  }, i) => {
-    const d = !!a, g = {
+    error: c,
+    className: u,
+    disabled: a,
+    name: r,
+    value: i = [],
+    onChange: x,
+    children: l,
+    ...g
+  }, d) => {
+    const m = !!c, f = {
       variant: e,
-      disabled: c,
-      error: d,
-      name: l,
-      value: o,
-      onChange: r
+      shape: t,
+      size: n,
+      disabled: a,
+      error: m,
+      name: r,
+      value: i,
+      onChange: x
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChipInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: i, className: cn("w-full", n), ...x, children: [
-      t && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: t }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: u }),
-      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-      !d && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ChipInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: d, className: cn("w-full", u), ...g, children: [
+      o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: o }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: l }),
+      m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
+      !m && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
 ), ChipInput = Object.assign(ChipInputRoot, {
@@ -554,28 +585,28 @@ const ChipInputRoot = React__default.forwardRef(
   ({
     leftContent: e,
     rightContent: t,
-    hasError: s,
-    variant: a = "primary",
-    value: n,
+    hasError: n,
+    variant: o = "primary",
+    value: s,
     placeholder: c = "Select date",
-    formatDate: l,
-    className: o,
+    formatDate: u,
+    className: a,
     ...r
-  }, u) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
-      ref: u,
+      ref: i,
       type: "button",
-      "aria-invalid": s,
+      "aria-invalid": n,
       className: cn(
         dateSinglePickerInputVariants({
-          variant: s ? "danger" : a
+          variant: n ? "danger" : o
         }),
         e ? "pl-9" : "pl-3",
         t ? "pr-9" : "pr-3",
         "h-10 flex items-center justify-between cursor-pointer w-full relative",
         "text-left",
-        o
+        a
       ),
       ...r,
       children: [
@@ -595,7 +626,7 @@ const ChipInputRoot = React__default.forwardRef(
               e ? "ml-2" : "",
               t ? "mr-2" : ""
             ),
-            children: l ? l(n) : c
+            children: u ? u(s) : c
           }
         ),
         t && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -614,29 +645,37 @@ DateSinglePickerTrigger.displayName = "DateSinglePickerTrigger";
 const DateSinglePickerDocked = ({
   open: e,
   value: t,
-  onChange: s,
-  handleMenuClose: a
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { isOpen: e, onOutsideClick: a, children: [
+  onChange: n,
+  handleMenuClose: o
+}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { isOpen: e, onOutsideClick: o, children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Trigger, { className: "absolute top-[90%] left-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true" }) }),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { value: t, onChange: s }) })
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Calendar,
+    {
+      value: t,
+      onChange: (s) => {
+        s instanceof Date && n(s);
+      }
+    }
+  ) })
 ] }), DateSinglePickerModal = ({
   open: e,
   setOpen: t,
-  value: s,
-  onChange: a,
-  label: n,
+  value: n,
+  onChange: o,
+  label: s,
   buttonRef: c
 }) => {
-  const [l, o] = useState(
-    s
+  const [u, a] = useState(
+    n
   );
   useEffect(() => {
-    o(s);
-  }, [s, e]);
+    a(n);
+  }, [n, e]);
   const r = () => {
-    t(!1), o(s), c.current?.focus();
-  }, u = () => {
-    l && (a(l), t(!1), c.current?.focus());
+    t(!1), a(n), c.current?.focus();
+  }, i = () => {
+    u && (o(u), t(!1), c.current?.focus());
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Modal,
@@ -645,11 +684,19 @@ const DateSinglePickerDocked = ({
       onOpenChange: t,
       placement: "top",
       size: "md",
-      "aria-label": n ? String(n) : "Select date",
+      "aria-label": s ? String(s) : "Select date",
       disableOverlayClose: !1,
       disableEscClose: !1,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Calendar, { value: l, onChange: o }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { className: "px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Calendar,
+          {
+            value: u,
+            onChange: (x) => {
+              x instanceof Date && a(x);
+            }
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { className: "px-6", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
@@ -664,10 +711,10 @@ const DateSinglePickerDocked = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Button,
             {
-              onClick: u,
+              onClick: i,
               variant: "primary",
               type: "button",
-              disabled: !l,
+              disabled: !u,
               size: "sm",
               children: "Confirm"
             }
@@ -678,102 +725,102 @@ const DateSinglePickerDocked = ({
   );
 };
 function useDateSinglePicker({ id: e }) {
-  const [t, s] = useState(!1), a = useId(), n = e || a, c = useRef(null), l = useCallback(
+  const [t, n] = useState(!1), o = useId(), s = e || o, c = useRef(null), u = useCallback(
     (r) => {
-      (r.key === "ArrowDown" || r.key === "Enter" || r.key === " ") && s(!0);
+      (r.key === "ArrowDown" || r.key === "Enter" || r.key === " ") && n(!0);
     },
     []
-  ), o = useCallback(() => {
-    s(!1), c.current?.focus();
+  ), a = useCallback(() => {
+    n(!1), c.current?.focus();
   }, []);
   return {
     open: t,
-    setOpen: s,
-    inputId: n,
+    setOpen: n,
+    inputId: s,
     buttonRef: c,
-    handleKeyDown: l,
-    handleMenuClose: o
+    handleKeyDown: u,
+    handleMenuClose: a
   };
 }
 const DateSinglePickerInput = React__default.forwardRef(
   ({
     value: e,
     onChange: t,
-    label: s,
-    leftContent: a,
-    rightContent: n,
+    label: n,
+    leftContent: o,
+    rightContent: s,
     helperText: c,
-    error: l,
-    variant: o = "primary",
+    error: u,
+    variant: a = "primary",
     disabled: r,
-    placeholder: u = "Select date",
+    placeholder: i = "Select date",
     id: x,
-    type: i = "docked",
-    ...d
-  }, g) => {
+    type: l = "docked",
+    ...g
+  }, d) => {
     if (e === void 0 || typeof t != "function")
       throw new Error(
         "DateSinglePickerInput is a controlled component: value and onChange are required."
       );
     const {
       open: m,
-      setOpen: p,
+      setOpen: f,
       inputId: h,
-      buttonRef: b,
+      buttonRef: w,
       handleKeyDown: y,
       handleMenuClose: j
-    } = useDateSinglePicker({ id: x }), w = !!l, E = (R) => R ? R.toLocaleDateString(void 0, {
+    } = useDateSinglePicker({ id: x }), b = !!u, C = (R) => R ? R.toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : typeof u == "string" ? u : "Select date", I = (R) => typeof d.formatDate == "function" ? d.formatDate(R) : E(R), k = () => p((R) => !R), f = y, C = (R) => {
-      t?.(R), b.current?.focus();
+    }) : typeof i == "string" ? i : "Select date", I = (R) => typeof g.formatDate == "function" ? g.formatDate(R) : C(R), k = () => f((R) => !R), p = y, E = (R) => {
+      t?.(R), w.current?.focus();
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-        s && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        n && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "label",
           {
             htmlFor: h,
             className: "block text-sm font-medium text-foreground mb-2",
-            children: s
+            children: n
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           DateSinglePickerTrigger,
           {
             ref: (R) => {
-              b.current = R, typeof g == "function" ? g(R) : g && (g.current = R);
+              w.current = R, typeof d == "function" ? d(R) : d && (d.current = R);
             },
             id: h,
             "aria-haspopup": "dialog",
             "aria-expanded": m,
             "aria-controls": m ? `${h}-calendar` : void 0,
-            "aria-invalid": w,
+            "aria-invalid": b,
             "aria-disabled": r,
             disabled: r,
-            leftContent: a,
-            rightContent: n,
-            hasError: w,
-            variant: o,
+            leftContent: o,
+            rightContent: s,
+            hasError: b,
+            variant: a,
             value: e,
-            placeholder: typeof u == "string" ? u : "Select date",
+            placeholder: typeof i == "string" ? i : "Select date",
             formatDate: I,
             onClick: k,
-            onKeyDown: f,
+            onKeyDown: p,
             tabIndex: 0,
-            ...d
+            ...g
           }
         ),
-        w && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
+        b && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: u }),
         c && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: c })
       ] }),
-      i === "docked" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      l === "docked" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         DateSinglePickerDocked,
         {
           open: m,
           value: e,
-          onChange: C,
+          onChange: E,
           inputId: h,
           handleMenuClose: j
         }
@@ -781,11 +828,11 @@ const DateSinglePickerInput = React__default.forwardRef(
         DateSinglePickerModal,
         {
           open: m,
-          setOpen: p,
+          setOpen: f,
           value: e,
-          onChange: C,
-          label: typeof s == "string" ? s : void 0,
-          buttonRef: b
+          onChange: E,
+          label: typeof n == "string" ? n : void 0,
+          buttonRef: w
         }
       )
     ] });
@@ -867,21 +914,21 @@ const DateSinglePickerInput = React__default.forwardRef(
     );
   return e;
 }, RadioOption = React__default.forwardRef(
-  ({ children: e, description: t, className: s, disabled: a, id: n, value: c, ...l }, o) => {
-    const r = useRadioInputContext(), u = React__default.useId(), x = n || u, i = a || r.disabled, d = r.error ? "danger" : r.variant || "primary";
+  ({ children: e, description: t, className: n, disabled: o, id: s, value: c, ...u }, a) => {
+    const r = useRadioInputContext(), i = React__default.useId(), x = s || i, l = o || r.disabled, g = r.error ? "danger" : r.variant || "primary";
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
-          ref: o,
+          ref: a,
           type: "radio",
           id: x,
           name: r.name,
           value: c,
-          disabled: i,
+          disabled: l,
           className: cn(
             radioOptionVariants({
-              variant: d,
+              variant: g,
               size: r.size
             }),
             // Custom radio dot styling using ::before - centered positioning with size variants
@@ -892,10 +939,10 @@ const DateSinglePickerInput = React__default.forwardRef(
             r.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
-            d?.includes("outline") && "checked:before:bg-current",
-            s
+            g?.includes("outline") && "checked:before:bg-current",
+            n
           ),
-          ...l
+          ...u
         }
       ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
@@ -905,7 +952,7 @@ const DateSinglePickerInput = React__default.forwardRef(
             htmlFor: x,
             className: radioLabelVariants({
               size: r.size,
-              disabled: i
+              disabled: l
             }),
             children: e
           }
@@ -918,7 +965,7 @@ const DateSinglePickerInput = React__default.forwardRef(
               r.size === "sm" && "text-xs",
               r.size === "md" && "text-xs",
               r.size === "lg" && "text-sm",
-              i && "opacity-50"
+              l && "opacity-50"
             ),
             children: t
           }
@@ -930,28 +977,28 @@ const DateSinglePickerInput = React__default.forwardRef(
   ({
     variant: e = "primary",
     size: t = "md",
-    label: s,
-    helperText: a,
-    error: n,
+    label: n,
+    helperText: o,
+    error: s,
     direction: c = "vertical",
-    className: l,
-    disabled: o,
+    className: u,
+    disabled: a,
     name: r,
-    children: u,
+    children: i,
     ...x
-  }, i) => {
-    const d = !!n, g = {
+  }, l) => {
+    const g = !!s, d = {
       variant: e,
       size: t,
-      disabled: o,
-      error: d,
+      disabled: a,
+      error: g,
       name: r
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioInputContext.Provider, { value: g, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: i, className: cn("w-full", l), ...x, children: [
-      s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: radioGroupVariants({ direction: c }), children: u }),
-      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !d && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioInputContext.Provider, { value: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: l, className: cn("w-full", u), ...x, children: [
+      n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: radioGroupVariants({ direction: c }), children: i }),
+      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+      !g && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
     ] }) });
   }
 ), RadioInput = Object.assign(RadioInputRoot, {
@@ -1077,28 +1124,28 @@ const DateSinglePickerInput = React__default.forwardRef(
     );
   return e;
 }, SegmentOption$1 = React__default.forwardRef(
-  ({ children: e, className: t, disabled: s, id: a, value: n, position: c = "middle", ...l }, o) => {
-    const r = useSegmentSingleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value === n, m = (p) => {
-      if (!i) {
-        const h = r.value === n ? null : n;
+  ({ children: e, className: t, disabled: n, id: o, value: s, position: c = "middle", ...u }, a) => {
+    const r = useSegmentSingleInputContext(), i = React__default.useId(), x = o || i, l = n || r.disabled, g = r.error ? "danger" : r.variant || "primary", d = r.value === s, m = (f) => {
+      if (!l) {
+        const h = r.value === s ? null : s;
         r.onChange?.(h);
       }
-      l.onChange?.(p);
+      u.onChange?.(f);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
-          ref: o,
+          ref: a,
           type: "radio",
           id: x,
           name: r.name,
-          value: n,
-          checked: g,
-          disabled: i,
+          value: s,
+          checked: d,
+          disabled: l,
           onChange: m,
           className: "sr-only",
-          ...l
+          ...u
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1107,15 +1154,15 @@ const DateSinglePickerInput = React__default.forwardRef(
           htmlFor: x,
           className: cn(
             segmentOptionVariants$1({
-              variant: d,
+              variant: g,
               size: r.size,
               rounded: c
             }),
             // Apply selected state styling
-            g && getSegmentSelectedClasses$1(d),
-            g && "relative z-10",
+            d && getSegmentSelectedClasses$1(g),
+            d && "relative z-10",
             // Apply disabled styling directly since labels don't support disabled attribute
-            i && "opacity-50 cursor-not-allowed pointer-events-none",
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
             r.fullWidth && "flex-1 min-w-0",
             t
           ),
@@ -1130,45 +1177,45 @@ const SegmentSingleInputRoot = React__default.forwardRef(
   ({
     variant: e = "primary",
     size: t = "md",
-    label: s,
-    helperText: a,
-    error: n,
+    label: n,
+    helperText: o,
+    error: s,
     className: c,
-    disabled: l,
-    name: o,
+    disabled: u,
+    name: a,
     value: r,
-    onChange: u,
+    onChange: i,
     children: x,
-    fullWidth: i = !1,
-    ...d
-  }, g) => {
-    const m = !!n, p = {
+    fullWidth: l = !1,
+    ...g
+  }, d) => {
+    const m = !!s, f = {
       variant: e,
       size: t,
-      disabled: l,
+      disabled: u,
       error: m,
-      name: o,
+      name: a,
       value: r,
-      onChange: u,
-      fullWidth: i
-    }, h = React__default.Children.toArray(x), b = h.map((y, j) => {
+      onChange: i,
+      fullWidth: l
+    }, h = React__default.Children.toArray(x), w = h.map((y, j) => {
       if (React__default.isValidElement(y)) {
-        let w;
-        return h.length === 1 ? w = "single" : j === 0 ? w = "first" : j === h.length - 1 ? w = "last" : w = "middle", React__default.cloneElement(
+        let b;
+        return h.length === 1 ? b = "single" : j === 0 ? b = "first" : j === h.length - 1 ? b = "last" : b = "middle", React__default.cloneElement(
           y,
-          { position: w }
+          { position: b }
         );
       }
       return y;
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: p, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        ref: g,
-        className: cn(i ? "w-full" : "", c),
-        ...d,
+        ref: d,
+        className: cn(l ? "w-full" : "", c),
+        ...g,
         children: [
-          s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+          n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -1178,13 +1225,13 @@ const SegmentSingleInputRoot = React__default.forwardRef(
                   size: t,
                   error: m
                 }),
-                i ? "flex w-full" : ""
+                l ? "flex w-full" : ""
               ),
-              children: b
+              children: w
             }
           ),
-          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !m && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+          !m && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
         ]
       }
     ) });
@@ -1312,29 +1359,29 @@ const SegmentSingleInputRoot = React__default.forwardRef(
     );
   return e;
 }, SegmentOption = React__default.forwardRef(
-  ({ children: e, className: t, disabled: s, id: a, value: n, position: c = "middle", ...l }, o) => {
-    const r = useSegmentMultipleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value?.includes(n) ?? !1, m = (p) => {
-      if (!i) {
+  ({ children: e, className: t, disabled: n, id: o, value: s, position: c = "middle", ...u }, a) => {
+    const r = useSegmentMultipleInputContext(), i = React__default.useId(), x = o || i, l = n || r.disabled, g = r.error ? "danger" : r.variant || "primary", d = r.value?.includes(s) ?? !1, m = (f) => {
+      if (!l) {
         const h = r.value || [];
-        let b;
-        g ? b = h.filter((y) => y !== n) : b = [...h, n], r.onChange?.(b);
+        let w;
+        d ? w = h.filter((y) => y !== s) : w = [...h, s], r.onChange?.(w);
       }
-      l.onChange?.(p);
+      u.onChange?.(f);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
-          ref: o,
+          ref: a,
           type: "checkbox",
           id: x,
           name: `${r.name}[]`,
-          value: n,
-          checked: g,
-          disabled: i,
+          value: s,
+          checked: d,
+          disabled: l,
           onChange: m,
           className: "sr-only",
-          ...l
+          ...u
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1343,15 +1390,15 @@ const SegmentSingleInputRoot = React__default.forwardRef(
           htmlFor: x,
           className: cn(
             segmentOptionVariants({
-              variant: d,
+              variant: g,
               size: r.size,
               rounded: c
             }),
             // Apply selected state styling
-            g && getSegmentSelectedClasses(d),
-            g && "relative z-10",
+            d && getSegmentSelectedClasses(g),
+            d && "relative z-10",
             // Apply disabled styling directly since labels don't support disabled attribute
-            i && "opacity-50 cursor-not-allowed pointer-events-none",
+            l && "opacity-50 cursor-not-allowed pointer-events-none",
             t
           ),
           children: e
@@ -1365,47 +1412,47 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
   ({
     variant: e = "primary",
     size: t = "md",
-    label: s,
-    helperText: a,
-    error: n,
+    label: n,
+    helperText: o,
+    error: s,
     className: c,
-    disabled: l,
-    name: o,
+    disabled: u,
+    name: a,
     value: r = [],
-    onChange: u,
+    onChange: i,
     children: x,
-    fullWidth: i = !1,
-    ...d
-  }, g) => {
-    const m = !!n, p = {
+    fullWidth: l = !1,
+    ...g
+  }, d) => {
+    const m = !!s, f = {
       variant: e,
       size: t,
-      disabled: l,
+      disabled: u,
       error: m,
-      name: o,
+      name: a,
       value: r,
-      onChange: u
-    }, h = React__default.Children.toArray(x), b = h.map((y, j) => {
+      onChange: i
+    }, h = React__default.Children.toArray(x), w = h.map((y, j) => {
       if (React__default.isValidElement(y)) {
-        let w;
-        return h.length === 1 ? w = "single" : j === 0 ? w = "first" : j === h.length - 1 ? w = "last" : w = "middle", React__default.cloneElement(
+        let b;
+        return h.length === 1 ? b = "single" : j === 0 ? b = "first" : j === h.length - 1 ? b = "last" : b = "middle", React__default.cloneElement(
           y,
-          { position: w }
+          { position: b }
         );
       }
       return y;
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: p, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: f, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        ref: g,
+        ref: d,
         className: cn(
-          i ? "flex w-full flex-col" : "w-full",
+          l ? "flex w-full flex-col" : "w-full",
           c
         ),
-        ...d,
+        ...g,
         children: [
-          s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
+          n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
@@ -1415,13 +1462,13 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
                   size: t,
                   error: m
                 }),
-                i && "flex w-full"
+                l && "flex w-full"
               ),
-              children: b
+              children: w
             }
           ),
-          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !m && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+          !m && o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
         ]
       }
     ) });
@@ -1464,43 +1511,43 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
   ({
     variant: e = "primary",
     label: t,
-    helperText: s,
-    error: a,
-    className: n,
+    helperText: n,
+    error: o,
+    className: s,
     disabled: c,
-    id: l,
-    placeholder: o,
+    id: u,
+    placeholder: a,
     children: r,
-    ...u
+    ...i
   }, x) => {
-    const i = React__default.useId(), d = l || i, g = !!a;
+    const l = React__default.useId(), g = u || l, d = !!o;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "label",
         {
-          htmlFor: d,
+          htmlFor: g,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", n), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("relative w-full", s), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "select",
           {
             ref: x,
-            id: d,
-            "aria-invalid": g,
+            id: g,
+            "aria-invalid": d,
             "aria-disabled": c,
             disabled: c,
             className: cn(
               selectInputVariants({
-                variant: g ? "danger" : e
+                variant: d ? "danger" : e
               }),
               "h-10 pl-3"
             ),
-            ...u,
+            ...i,
             children: [
-              o && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", disabled: !0, hidden: !0, children: o }),
+              a && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", disabled: !0, hidden: !0, children: a }),
               r
             ]
           }
@@ -1524,8 +1571,8 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
           }
         ) })
       ] }),
-      g && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !g && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+      d && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: o }),
+      !d && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
     ] });
   }
 );
@@ -1571,20 +1618,20 @@ const textAreaInputVariants = cva(
   ({
     variant: e = "primary",
     label: t,
-    helperText: s,
-    error: a,
-    className: n,
+    helperText: n,
+    error: o,
+    className: s,
     disabled: c,
-    id: l,
-    minRows: o = 3,
+    id: u,
+    minRows: a = 3,
     maxRows: r,
-    fieldSizing: u = "fixed",
+    fieldSizing: i = "fixed",
     style: x,
-    rows: i,
-    ...d
-  }, g) => {
-    const m = React__default.useId(), p = l || m, h = !!a, b = i || o, y = u === "content" ? void 0 : r, j = {
-      ...u === "content" && { fieldSizing: "content" },
+    rows: l,
+    ...g
+  }, d) => {
+    const m = React__default.useId(), f = u || m, h = !!o, w = l || a, y = i === "content" ? void 0 : r, j = {
+      ...i === "content" && { fieldSizing: "content" },
       ...y && {
         maxHeight: `${y * 1.5}rem`
         // Approximate line height
@@ -1595,17 +1642,17 @@ const textAreaInputVariants = cva(
       t && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "label",
         {
-          htmlFor: p,
+          htmlFor: f,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("relative w-full", n), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("relative w-full", s), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "textarea",
         {
-          ref: g,
-          id: p,
-          rows: b,
+          ref: d,
+          id: f,
+          rows: w,
           "aria-invalid": h,
           "aria-disabled": c,
           disabled: c,
@@ -1613,15 +1660,15 @@ const textAreaInputVariants = cva(
           className: cn(
             textAreaInputVariants({
               variant: h ? "danger" : e,
-              fieldSizing: u
+              fieldSizing: i
             }),
             "px-3 py-2"
           ),
-          ...d
+          ...g
         }
       ) }),
-      h && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !h && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+      h && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: o }),
+      !h && n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
     ] });
   }
 );
@@ -1648,9 +1695,9 @@ const timeSegmentButtonVariants = cva(
 ), TimeField = ({
   value: e,
   onChange: t,
-  label: s,
-  "aria-label": a,
-  disabled: n
+  label: n,
+  "aria-label": o,
+  disabled: s
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "input",
   {
@@ -1661,79 +1708,79 @@ const timeSegmentButtonVariants = cva(
     value: e,
     onChange: (c) => t(c.target.value),
     className: "w-12 h-12 text-center text-2xl border-b-2 border-primary bg-transparent focus:outline-none focus:border-primary",
-    "aria-label": a || s,
-    disabled: n,
+    "aria-label": o || n,
+    disabled: s,
     autoComplete: "off"
   }
 ), AmPmSegment = ({
   value: e,
   onChange: t,
-  disabled: s
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 ml-4", children: ["AM", "PM"].map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  disabled: n
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 ml-4", children: ["AM", "PM"].map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "button",
   {
     type: "button",
     className: cn(
       timeSegmentButtonVariants({
-        active: e === a,
+        active: e === o,
         size: "sm"
       })
     ),
-    "aria-pressed": e === a,
-    onClick: () => t(a),
-    disabled: s,
-    children: a
+    "aria-pressed": e === o,
+    onClick: () => t(o),
+    disabled: n,
+    children: o
   },
-  a
+  o
 )) }), TimePickerInput = ({
   value: e,
   onChange: t,
-  label: s,
-  helperText: a,
-  disabled: n,
+  label: n,
+  helperText: o,
+  disabled: s,
   error: c,
-  placement: l,
-  "aria-label": o,
+  placement: u,
+  "aria-label": a,
   "aria-labelledby": r,
-  "aria-describedby": u
+  "aria-describedby": i
 }) => {
-  const [x, i] = useState(!1), d = (k) => {
-    const f = k.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
-    return f ? {
-      hour: f[1],
-      minute: f[2],
-      period: f[3].toUpperCase()
+  const [x, l] = useState(!1), g = (k) => {
+    const p = k.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
+    return p ? {
+      hour: p[1],
+      minute: p[2],
+      period: p[3].toUpperCase()
     } : { hour: "", minute: "", period: "AM" };
-  }, [{ hour: g, minute: m, period: p }, h] = useState(() => d(e)), b = () => {
-    n || (h(d(e)), i(!0));
+  }, [{ hour: d, minute: m, period: f }, h] = useState(() => g(e)), w = () => {
+    s || (h(g(e)), l(!0));
   }, y = (k) => {
-    let f = k.replace(/[^\d]/g, "");
-    f.length > 2 && (f = f.slice(0, 2)), Number(f) > 12 && (f = "12"), h((C) => ({ ...C, hour: f }));
+    let p = k.replace(/[^\d]/g, "");
+    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 12 && (p = "12"), h((E) => ({ ...E, hour: p }));
   }, j = (k) => {
-    let f = k.replace(/[^\d]/g, "");
-    f.length > 2 && (f = f.slice(0, 2)), Number(f) > 59 && (f = "59"), h((C) => ({ ...C, minute: f }));
-  }, w = (k) => {
-    h((f) => ({ ...f, period: k }));
-  }, E = () => {
-    h(d(e)), i(!1);
+    let p = k.replace(/[^\d]/g, "");
+    p.length > 2 && (p = p.slice(0, 2)), Number(p) > 59 && (p = "59"), h((E) => ({ ...E, minute: p }));
+  }, b = (k) => {
+    h((p) => ({ ...p, period: k }));
+  }, C = () => {
+    h(g(e)), l(!1);
   }, I = () => {
-    const k = g.padStart(2, "0") || "12", f = m.padStart(2, "0") || "00";
-    t(`${k}:${f} ${p}`), i(!1);
+    const k = d.padStart(2, "0") || "12", p = m.padStart(2, "0") || "00";
+    t(`${k}:${p} ${f}`), l(!1);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       TextInput,
       {
-        label: s,
+        label: n,
         value: e,
-        onClick: b,
+        onClick: w,
         readOnly: !0,
-        disabled: n,
+        disabled: s,
         error: c,
-        helperText: a,
-        "aria-label": o,
+        helperText: o,
+        "aria-label": a,
         "aria-labelledby": r,
-        "aria-describedby": u,
+        "aria-describedby": i,
         className: "cursor-pointer bg-white",
         rightContent: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: Clock, size: "sm", color: "ghost" })
       }
@@ -1742,23 +1789,23 @@ const timeSegmentButtonVariants = cva(
       Modal,
       {
         isOpen: x,
-        onOpenChange: i,
-        placement: l,
+        onOpenChange: l,
+        placement: u,
         size: "sm",
-        "aria-label": o,
+        "aria-label": a,
         "aria-labelledby": r,
-        "aria-describedby": u,
+        "aria-describedby": i,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Header, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "lg", fontWeight: "semibold", children: "Select time" }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Modal.Body, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 justify-center py-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               TimeField,
               {
-                value: g,
+                value: d,
                 onChange: y,
                 label: "Hour",
                 "aria-label": "Hour",
-                disabled: n
+                disabled: s
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "2xl", className: "select-none", children: ":" }),
@@ -1769,20 +1816,20 @@ const timeSegmentButtonVariants = cva(
                 onChange: j,
                 label: "Minute",
                 "aria-label": "Minute",
-                disabled: n
+                disabled: s
               }
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               AmPmSegment,
               {
-                value: p === "AM" ? "AM" : "PM",
-                onChange: w,
-                disabled: n
+                value: f === "AM" ? "AM" : "PM",
+                onChange: b,
+                disabled: s
               }
             )
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal.Footer, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "md", onClick: E, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "md", onClick: C, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", size: "md", onClick: I, children: "Confirm" })
           ] })
         ]
@@ -1867,27 +1914,27 @@ const timeSegmentButtonVariants = cva(
 ), SwitchTrack = ({
   color: e = "primary",
   size: t = "md",
-  disabled: s = !1,
-  className: a,
-  checked: n
+  disabled: n = !1,
+  className: o,
+  checked: s
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "span",
   {
     className: cn(
-      switchVariants({ color: e, size: t, disabled: s, checked: n }),
+      switchVariants({ color: e, size: t, disabled: n, checked: s }),
       "rounded-full pointer-events-none",
-      a
+      o
     ),
     "aria-hidden": "true"
   }
-), SwitchThumb = ({ size: e = "md", checked: t = !1 }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(thumbVariants({ size: e, checked: t })), "aria-hidden": "true" }), SwitchLabel = ({ label: e, htmlFor: t, placement: s = "top", disabled: a = !1 }) => e ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+), SwitchThumb = ({ size: e = "md", checked: t = !1 }) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(thumbVariants({ size: e, checked: t })), "aria-hidden": "true" }), SwitchLabel = ({ label: e, htmlFor: t, placement: n = "top", disabled: o = !1 }) => e ? /* @__PURE__ */ jsxRuntimeExports.jsx(
   "label",
   {
     htmlFor: t,
     className: cn(
       "text-sm select-none font-medium text-foreground",
-      s === "inline" ? "ml-2 mb-0" : "mb-1",
-      a && "opacity-50 cursor-not-allowed"
+      n === "inline" ? "ml-2 mb-0" : "mb-1",
+      o && "opacity-50 cursor-not-allowed"
     ),
     children: e
   }
@@ -1895,28 +1942,28 @@ const timeSegmentButtonVariants = cva(
   ({
     checked: e,
     defaultChecked: t,
-    onCheckedChange: s,
-    color: a = "primary",
-    size: n = "md",
+    onCheckedChange: n,
+    color: o = "primary",
+    size: s = "md",
     label: c,
-    labelPlacement: l = "top",
-    disabled: o = !1,
+    labelPlacement: u = "top",
+    disabled: a = !1,
     className: r,
-    id: u,
+    id: i,
     ariaLabel: x,
-    ...i
-  }, d) => {
-    const [g, m] = useState(
+    ...l
+  }, g) => {
+    const [d, m] = useState(
       t ?? !1
-    ), p = useId(), h = u || p, b = typeof e == "boolean", y = b ? e : g, j = (w) => {
-      b || m(w.target.checked), s?.(w.target.checked);
+    ), f = useId(), h = i || f, w = typeof e == "boolean", y = w ? e : d, j = (b) => {
+      w || m(b.target.checked), n?.(b.target.checked);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: cn(
           "flex flex-col",
-          l === "inline" && "flex-row items-center",
+          u === "inline" && "flex-row items-center",
           r
         ),
         children: [
@@ -1925,8 +1972,8 @@ const timeSegmentButtonVariants = cva(
             {
               label: c,
               htmlFor: h,
-              placement: l,
-              disabled: o
+              placement: u,
+              disabled: a
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1934,33 +1981,33 @@ const timeSegmentButtonVariants = cva(
             {
               className: cn(
                 "relative flex items-center",
-                l === "inline" && "ml-2"
+                u === "inline" && "ml-2"
               ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "input",
                   {
-                    ref: d,
+                    ref: g,
                     type: "checkbox",
                     id: h,
                     "aria-label": x || c,
                     checked: y,
-                    disabled: o,
+                    disabled: a,
                     onChange: j,
                     className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
-                    ...i
+                    ...l
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SwitchTrack,
                   {
-                    color: a,
-                    size: n,
-                    disabled: o,
+                    color: o,
+                    size: s,
+                    disabled: a,
                     checked: y
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: n, checked: y })
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: s, checked: y })
               ]
             }
           )