@dimasbaguspm/versaur 0.0.50 → 0.0.52

package/dist/js/forms/index.js

@@ -1,4 +1,4 @@
-import { C as a, b as p, a as n, D as i, E as u, P as s, c as I, R as l, S as c, d as S, f as r, e as h, g as P, h as b, T as g, i as o } from "../time-picker-input-BCTs7K8s.js";
+import { C as a, b as p, a as n, D as i, E as u, P as s, c as I, R as l, S as c, d as S, f as r, e as h, g as P, h as b, T as g, i as o } from "../time-picker-input-BaM8Wdih.js";
 export {
   a as CheckboxInput,
   p as ChipMultipleInput,

package/dist/js/index.js

@@ -1,6 +1,6 @@
 import { L as e, P as t, S as r } from "./skeleton-BNZyaRjo.js";
 import { A as n, a as p, B as u, b as i, F as c, e as l, c as I, P as d, d as B, S, T as m } from "./top-bar-BMw3gFYA.js";
-import { C as b, b as T, a as h, D as x, E as A, P, c as C, R as f, S as k, d as M, f as F, e as L, g as D, h as H, T as R, i as G } from "./time-picker-input-BCTs7K8s.js";
+import { C as b, b as T, a as h, D as x, E as A, P, c as C, R as f, S as k, d as M, f as F, e as L, g as D, h as H, T as R, i as G } from "./time-picker-input-BaM8Wdih.js";
 import { B as v, D as w, M as E, T as N } from "./tooltip-nZW9TUz3.js";
 import { A as y, a as z, b as J, c as K, d as O, e as Q, f as U, B as V, s as W, g as X, h as Y, i as Z, l as _, j as $, k as aa, C as sa, F as ea, H as ta, m as ra, I as oa, p as na, r as pa, q as ua, M as ia, N as ca, T as la, n as Ia, o as da } from "./image-rectangle-K9jmTTED.js";
 import { S as Sa } from "./snackbar-DH8jCh2V.js";

package/dist/js/{time-picker-input-BCTs7K8s.js → time-picker-input-BaM8Wdih.js}

@@ -34,7 +34,7 @@ const ue = N("space-y-2", {
     throw new Error("CheckboxOption must be used within CheckboxInput");
   return e;
 }, q = b.forwardRef(({ children: e, description: r, className: a, disabled: s, id: n, ...o }, d) => {
-  const c = me(), i = b.useId(), l = n || i, u = s || c.disabled;
+  const i = me(), c = b.useId(), l = n || c, u = s || i.disabled;
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-start gap-2", children: [
     /* @__PURE__ */ t.jsx("div", { className: "relative flex items-center mt-0.5", children: /* @__PURE__ */ t.jsx(
       "input",
@@ -89,8 +89,8 @@ const K = b.forwardRef(
     className: n,
     disabled: o,
     required: d,
-    children: c,
-    ...i
+    children: i,
+    ...c
   }, l) => {
     const u = !!a, p = {
       disabled: o
@@ -101,13 +101,13 @@ const K = b.forwardRef(
         ref: l,
         disabled: o,
         className: y("w-full border-0 p-0 m-0", n),
-        ...i,
+        ...c,
         children: [
           e && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3", children: [
             e,
             d && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: ue({ direction: s }), children: c }),
+          /* @__PURE__ */ t.jsx("div", { className: ue({ direction: s }), children: i }),
           u && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
           !u && r && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
         ]
@@ -140,7 +140,7 @@ const it = Object.assign(K, {
     }
   }
 ), ge = b.forwardRef(({ children: e, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: c = "md", maxWidth: i, ...l } = he(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value === n, w = (g) => {
+  const { size: i = "md", maxWidth: c, ...l } = he(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value === n, w = (g) => {
     !f && !m && l.onChange?.(n), o.onChange?.(g);
   };
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -165,14 +165,14 @@ const it = Object.assign(K, {
       {
         htmlFor: p,
         "data-selected": h,
-        style: i ? { maxWidth: i } : void 0,
+        style: c ? { maxWidth: c } : void 0,
         className: y(
           be({
-            size: c
+            size: i
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
           m && "cursor-default pointer-events-none",
-          i && "overflow-hidden",
+          c && "overflow-hidden",
           r
         ),
         children: /* @__PURE__ */ t.jsx(
@@ -180,7 +180,7 @@ const it = Object.assign(K, {
           {
             className: y(
               "flex items-center gap-2",
-              i && "truncate min-w-0"
+              c && "truncate min-w-0"
             ),
             children: e
           }
@@ -197,8 +197,8 @@ const it = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
+    readOnly: i,
+    maxWidth: c,
     name: l,
     value: u,
     onChange: p,
@@ -208,11 +208,11 @@ const it = Object.assign(K, {
     const w = !!n, g = {
       size: e,
       disabled: d,
-      readOnly: c,
+      readOnly: i,
       error: w,
       name: l,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ t.jsx(_.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
@@ -258,7 +258,7 @@ const it = Object.assign(K, {
     }
   }
 ), ve = b.forwardRef(({ children: e, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: c = "md", maxWidth: i, ...l } = ye(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value?.includes(n) ?? !1, w = (g) => {
+  const { size: i = "md", maxWidth: c, ...l } = ye(), u = M(), p = s || u, f = a || l.disabled, m = l.readOnly, h = l.value?.includes(n) ?? !1, w = (g) => {
     if (!f && !m) {
       const I = l.value || [];
       let k;
@@ -288,14 +288,14 @@ const it = Object.assign(K, {
       {
         htmlFor: p,
         "data-selected": h,
-        style: i ? { maxWidth: i } : void 0,
+        style: c ? { maxWidth: c } : void 0,
         className: y(
           we({
-            size: c
+            size: i
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
           m && "cursor-default pointer-events-none",
-          i && "overflow-hidden",
+          c && "overflow-hidden",
           r
         ),
         children: /* @__PURE__ */ t.jsx(
@@ -303,7 +303,7 @@ const it = Object.assign(K, {
           {
             className: y(
               "flex items-center gap-2",
-              i && "truncate min-w-0"
+              c && "truncate min-w-0"
             ),
             children: e
           }
@@ -320,8 +320,8 @@ const it = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    maxWidth: i,
+    readOnly: i,
+    maxWidth: c,
     name: l,
     value: u = [],
     onChange: p,
@@ -331,11 +331,11 @@ const it = Object.assign(K, {
     const w = !!n, g = {
       size: e,
       disabled: d,
-      readOnly: c,
+      readOnly: i,
       error: w,
       name: l,
       value: u,
-      maxWidth: i,
+      maxWidth: c,
       onChange: p
     };
     return /* @__PURE__ */ t.jsx(H.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
@@ -382,12 +382,12 @@ const it = Object.assign(K, {
     error: n,
     className: o,
     disabled: d,
-    readOnly: c,
-    id: i,
+    readOnly: i,
+    id: c,
     required: l,
     ...u
   }, p) => {
-    const f = b.useId(), m = i || f, h = `${m}-helper`, w = `${m}-error`, g = !!n, I = b.useMemo(() => {
+    const f = b.useId(), m = c || f, h = `${m}-helper`, w = `${m}-error`, g = !!n, I = b.useMemo(() => {
       const k = [];
       return g ? k.push(w) : s && k.push(h), k.length > 0 ? k.join(" ") : void 0;
     }, [g, s, w, h]);
@@ -420,13 +420,13 @@ const it = Object.assign(K, {
             id: m,
             required: l,
             disabled: d,
-            readOnly: c,
+            readOnly: i,
             "aria-invalid": g,
             "aria-describedby": I,
             "aria-errormessage": g ? w : void 0,
             className: y(
               ke({
-                state: g ? "error" : c ? "readOnly" : "default"
+                state: g ? "error" : i ? "readOnly" : "default"
               }),
               r ? "pl-9" : "pl-3",
               a ? "pr-9" : "pr-3",
@@ -469,9 +469,9 @@ function Ie(e) {
     day: "numeric"
   });
 }
-const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...c }, i) {
+const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...i }, c) {
   const l = T(null), u = (h) => {
-    l.current = h, typeof i == "function" ? i(h) : i && typeof i == "object" && (i.current = h);
+    l.current = h, typeof c == "function" ? c(h) : c && typeof c == "object" && (c.current = h);
   }, p = () => {
     l.current && (typeof l.current.showPicker == "function" ? l.current.showPicker() : l.current.focus());
   }, f = (h) => {
@@ -495,7 +495,7 @@ const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
             "aria-hidden": "true",
             leftContent: /* @__PURE__ */ t.jsx(O, { as: se, color: "inherit", size: "sm" }),
             "data-testid": "date-single-picker-visible-input",
-            ...c
+            ...i
           }
         )
       }
@@ -527,7 +527,7 @@ const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       leftContent: /* @__PURE__ */ t.jsx(O, { as: oe, color: "inherit", size: "sm" })
     }
   )
-), Ne = "w-9 h-9 text-center border border-primary/30 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Ce = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Re = (e) => /^\d$/.test(e), W = (e, r) => e?.replace(/\D/g, "").slice(0, r), J = b.forwardRef(
+), Ne = "w-9 h-9 text-center border border-primary/30 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Ce = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Re = (e) => /^\d$/.test(e), W = (e, r) => e?.replace(/\D/g, "").slice(0, r) || "", J = b.forwardRef(
   ({
     value: e,
     onChange: r,
@@ -536,20 +536,20 @@ const dt = b.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
     onPaste: n,
     disabled: o,
     error: d,
-    secure: c,
-    inputRef: i,
+    secure: i,
+    inputRef: c,
     index: l,
     id: u
   }, p) => /* @__PURE__ */ t.jsx(
     "input",
     {
-      ref: i,
+      ref: c,
       id: u,
       type: "text",
       inputMode: "numeric",
-      pattern: "[0-9]*",
+      pattern: i ? void 0 : "[0-9]*",
       maxLength: 1,
-      value: c ? e ? "•" : "" : e,
+      value: i ? e ? "•" : "" : e,
       onChange: (f) => {
         const m = f.target.value;
         (m === "" || Re(m)) && r(m);
@@ -576,28 +576,28 @@ const Ve = b.forwardRef(
     value: n,
     onChange: o,
     onComplete: d,
-    digits: c = 6,
-    className: i,
+    digits: i = 6,
+    className: c,
     id: l,
     name: u,
     required: p,
     secure: f = !1,
     ...m
   }, h) => {
-    const w = b.useId(), g = l || w, I = !!a, k = b.useRef([]), C = W(n, c), V = C.split("").concat(Array(c - C.length).fill("")), R = b.useCallback(
+    const w = b.useId(), g = l || w, I = !!a, k = b.useRef([]), C = W(n, i), V = C.split("").concat(Array(i - C.length).fill("")), R = b.useCallback(
       (v) => {
-        const x = W(v, c);
-        o(x), x.length === c && d?.(x);
+        const x = W(v, i);
+        o(x), x.length === i && d?.(x);
       },
-      [o, d, c]
+      [o, d, i]
     ), D = b.useCallback(
       (v, x) => {
         const j = [...V];
         j[v] = x;
         const S = j.join("").replace(/\s+$/, "");
-        R(S), x && v < c - 1 && k.current[v + 1]?.focus();
+        R(S), x && v < i - 1 && k.current[v + 1]?.focus();
       },
-      [V, R, c]
+      [V, R, i]
     ), B = b.useCallback(
       (v, x) => {
         if (x.key === "Backspace") {
@@ -614,22 +614,22 @@ const Ve = b.forwardRef(
             const S = j.join("").replace(/\s+$/, "");
             R(S);
           }
-        } else x.key === "ArrowLeft" && v > 0 ? (x.preventDefault(), k.current[v - 1]?.focus()) : x.key === "ArrowRight" && v < c - 1 && (x.preventDefault(), k.current[v + 1]?.focus());
+        } else x.key === "ArrowLeft" && v > 0 ? (x.preventDefault(), k.current[v - 1]?.focus()) : x.key === "ArrowRight" && v < i - 1 && (x.preventDefault(), k.current[v + 1]?.focus());
       },
-      [V, R, c]
+      [V, R, i]
     ), A = b.useCallback(
       (v) => {
         v.preventDefault();
-        const x = v.clipboardData.getData("text"), j = W(x, c);
+        const x = v.clipboardData.getData("text"), j = W(x, i);
         if (j.length > 0) {
           R(j);
-          const S = Math.min(j.length, c - 1);
+          const S = Math.min(j.length, i - 1);
           k.current[S]?.focus();
         }
       },
-      [R, c]
+      [R, i]
     );
-    return /* @__PURE__ */ t.jsxs("div", { ref: h, className: y("w-full", i), ...m, children: [
+    return /* @__PURE__ */ t.jsxs("div", { ref: h, className: y("w-full", c), ...m, children: [
       e && /* @__PURE__ */ t.jsxs(
         "label",
         {
@@ -736,8 +736,8 @@ function Q(e, r = !1) {
   let n = (a ? e.slice(1) : e).replace(/[^\d.,]/g, "");
   const o = n.lastIndexOf(",");
   if (o !== -1) {
-    const d = n.slice(0, o).replace(/,/g, ""), c = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + c;
+    const d = n.slice(0, o).replace(/,/g, ""), i = n.slice(o + 1).replace(/,/g, "");
+    n = d + "," + i;
   }
   return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
 }
@@ -749,9 +749,9 @@ const ft = ({
   label: n,
   helperText: o,
   error: d,
-  ...c
+  ...i
 }) => {
-  const i = T(null), [l, u] = ne(
+  const c = T(null), [l, u] = ne(
     e === "" ? "" : String(e)
   );
   Se(e, u);
@@ -762,20 +762,20 @@ const ft = ({
   return /* @__PURE__ */ t.jsx(
     $,
     {
-      ref: i,
+      ref: c,
       type: "text",
       label: n,
       value: l,
       onChange: p,
       error: d,
       helperText: o,
-      placeholder: c.placeholder,
+      placeholder: i.placeholder,
       leftContent: /* @__PURE__ */ t.jsx(O, { as: ie, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
       ...s,
-      ...c
+      ...i
     }
   );
 }, Oe = N("space-y-2", {
@@ -855,29 +855,29 @@ const ft = ({
     );
   return e;
 }, Me = b.forwardRef(
-  ({ children: e, description: r, className: a, disabled: s, id: n, value: o, ...d }, c) => {
-    const i = Fe(), l = b.useId(), u = n || l, p = s || i.disabled, f = i.error ? "danger" : i.variant || "primary";
+  ({ children: e, description: r, className: a, disabled: s, id: n, value: o, ...d }, i) => {
+    const c = Fe(), l = b.useId(), u = n || l, p = s || c.disabled, f = c.error ? "danger" : c.variant || "primary";
     return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ t.jsx(
         "input",
         {
-          ref: c,
+          ref: i,
           type: "radio",
           id: u,
-          name: i.name,
+          name: c.name,
           value: o,
           disabled: p,
           className: y(
             $e({
               variant: f,
-              size: i.size
+              size: c.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
-            i.size === "sm" && "before:w-[6px] before:h-[6px]",
-            i.size === "md" && "before:w-[8px] before:h-[8px]",
-            i.size === "lg" && "before:w-[10px] before:h-[10px]",
+            c.size === "sm" && "before:w-[6px] before:h-[6px]",
+            c.size === "md" && "before:w-[8px] before:h-[8px]",
+            c.size === "lg" && "before:w-[10px] before:h-[10px]",
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
             f?.includes("outline") && "checked:before:bg-current",
@@ -892,7 +892,7 @@ const ft = ({
           {
             htmlFor: u,
             className: Ee({
-              size: i.size,
+              size: c.size,
               disabled: p
             }),
             children: e
@@ -903,9 +903,9 @@ const ft = ({
           {
             className: y(
               "text-gray-600 mt-1",
-              i.size === "sm" && "text-xs",
-              i.size === "md" && "text-xs",
-              i.size === "lg" && "text-sm",
+              c.size === "sm" && "text-xs",
+              c.size === "md" && "text-xs",
+              c.size === "lg" && "text-sm",
               p && "opacity-50"
             ),
             children: r
@@ -923,17 +923,17 @@ const ft = ({
     error: n,
     direction: o = "vertical",
     className: d,
-    disabled: c,
-    name: i,
+    disabled: i,
+    name: c,
     children: l,
     ...u
   }, p) => {
     const f = !!n, m = {
       variant: e,
       size: r,
-      disabled: c,
+      disabled: i,
       error: f,
-      name: i
+      name: c
     };
     return /* @__PURE__ */ t.jsx(U.Provider, { value: m, children: /* @__PURE__ */ t.jsxs("div", { ref: p, className: y("w-full", d), ...u, children: [
       a && /* @__PURE__ */ t.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
@@ -954,11 +954,11 @@ const ft = ({
     enterKeyHint: o = "search",
     "aria-label": d = "Search",
     // internal default, not in props
-    ...c
-  }, i) => /* @__PURE__ */ t.jsx(
+    ...i
+  }, c) => /* @__PURE__ */ t.jsx(
     $,
     {
-      ref: i,
+      ref: c,
       type: "search",
       inputMode: a,
       autoComplete: e,
@@ -968,7 +968,7 @@ const ft = ({
       enterKeyHint: o,
       "aria-label": d,
       leftContent: /* @__PURE__ */ t.jsx(O, { as: ce, color: "inherit", size: "sm" }),
-      ...c
+      ...i
     }
   )
 ), Ae = N(
@@ -998,8 +998,8 @@ const Z = b.forwardRef(
     disabled: n,
     readOnly: o,
     id: d,
-    required: c,
-    placeholder: i,
+    required: i,
+    placeholder: c,
     children: l,
     onChange: u,
     ...p
@@ -1016,7 +1016,7 @@ const Z = b.forwardRef(
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
             e,
-            c && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            i && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
@@ -1026,7 +1026,7 @@ const Z = b.forwardRef(
           {
             ref: f,
             id: h,
-            required: c,
+            required: i,
             disabled: n || o,
             "aria-invalid": I,
             "aria-describedby": k,
@@ -1040,7 +1040,7 @@ const Z = b.forwardRef(
             ),
             ...p,
             children: [
-              i && /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, hidden: !0, children: i }),
+              c && /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
               l
             ]
           }
@@ -1129,8 +1129,8 @@ const ht = Object.assign(Z, {
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: c = !1,
-    ...i
+    hideCheckbox: i = !1,
+    ...c
   }, l) => {
     const u = M(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ t.jsxs(
@@ -1142,7 +1142,7 @@ const ht = Object.assign(Z, {
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: i
           }),
           n
         ),
@@ -1163,10 +1163,10 @@ const ht = Object.assign(Z, {
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...i
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ t.jsx(
+          !i && /* @__PURE__ */ t.jsx(
             "span",
             {
               className: y(
@@ -1246,8 +1246,8 @@ const Ge = N(
     className: n,
     disabled: o,
     checkboxPlacement: d = "center",
-    hideCheckbox: c = !1,
-    ...i
+    hideCheckbox: i = !1,
+    ...c
   }, l) => {
     const u = M(), p = s || u, f = typeof r == "function" ? r(a) : r;
     return /* @__PURE__ */ t.jsxs(
@@ -1259,7 +1259,7 @@ const Ge = N(
             checked: !!a,
             disabled: !!o,
             checkboxPlacement: d,
-            hideCheckbox: c
+            hideCheckbox: i
           }),
           n
         ),
@@ -1280,10 +1280,10 @@ const Ge = N(
               className: "sr-only",
               "aria-hidden": !0,
               "aria-checked": a,
-              ...i
+              ...c
             }
           ),
-          !c && /* @__PURE__ */ t.jsx(
+          !i && /* @__PURE__ */ t.jsx(
             "span",
             {
               className: y(
@@ -1370,8 +1370,8 @@ const _e = N(
     required: n = !1,
     className: o,
     id: d,
-    ariaLabel: c,
-    ...i
+    ariaLabel: i,
+    ...c
   }, l) => {
     const u = b.useId(), p = d || u, f = e ?? !1, m = (h) => {
       r?.(h.target.checked);
@@ -1385,14 +1385,14 @@ const _e = N(
             type: "checkbox",
             role: "switch",
             id: p,
-            "aria-label": c || a,
+            "aria-label": i || a,
             "aria-checked": f,
             checked: f,
             disabled: s,
             required: n,
             onChange: m,
             className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
-            ...i
+            ...c
           }
         ),
         /* @__PURE__ */ t.jsx(Je, { disabled: s, checked: f }),
@@ -1437,8 +1437,8 @@ const Ye = N(
   n.deleteFromDocument();
   const o = n.getRangeAt(0), d = document.createTextNode(s);
   o.insertNode(d), o.setStartAfter(d), o.setEndAfter(d), n.removeAllRanges(), n.addRange(o);
-  const c = new Event("input", { bubbles: !0 });
-  e.currentTarget.dispatchEvent(c);
+  const i = new Event("input", { bubbles: !0 });
+  e.currentTarget.dispatchEvent(i);
 }, tt = b.forwardRef(
   ({
     label: e,
@@ -1448,8 +1448,8 @@ const Ye = N(
     disabled: n,
     readOnly: o,
     id: d,
-    value: c,
-    defaultValue: i,
+    value: i,
+    defaultValue: c,
     onChange: l,
     placeholder: u,
     name: p,
@@ -1460,7 +1460,7 @@ const Ye = N(
     onKeyDown: g,
     ...I
   }, k) => {
-    const C = b.useId(), V = d || C, R = !!a, D = b.useRef(null), [B, A] = b.useState(i || ""), v = c !== void 0, x = v ? c : B;
+    const C = b.useId(), V = d || C, R = !!a, D = b.useRef(null), [B, A] = b.useState(c || ""), v = i !== void 0, x = v ? i : B;
     b.useImperativeHandle(k, () => D.current), b.useEffect(() => {
       D.current && D.current.textContent !== x && (D.current.textContent = x);
     }, [x]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",