@sawabona/forms 1.0.7 → 1.0.8

package/dist/sawabona-forms.es.js

@@ -9,7 +9,7 @@ var ze = (e, o, r) => o in e ? qe(e, o, { enumerable: !0, configurable: !0, writ
     for (var r of ae(o))
       Ae.call(o, r) && ze(e, r, o[r]);
   return e;
-}, E = (e, o) => et(e, tt(o));
+}, j = (e, o) => et(e, tt(o));
 var Ie = (e) => typeof e == "symbol" ? e : e + "", Fe = (e, o) => {
   var r = {};
   for (var t in e)
@@ -21,7 +21,7 @@ var Ie = (e) => typeof e == "symbol" ? e : e + "", Fe = (e, o) => {
 };
 import { jsxs as N, jsx as g } from "react/jsx-runtime";
 import { useState as rt, useMemo as ot, useCallback as K, createContext as nt, useContext as st, useRef as it, useEffect as he } from "react";
-import { motion as M, AnimatePresence as at } from "framer-motion";
+import { motion as L, AnimatePresence as at } from "framer-motion";
 import { Check as Ee, Star as lt, ChevronLeft as ct, ChevronRight as dt } from "lucide-react";
 function mt({ schema: e, onSubmit: o }) {
   var C;
@@ -36,23 +36,23 @@ function mt({ schema: e, onSubmit: o }) {
     () => e.questions.findIndex((m) => m.id === r.currentStepId),
     [e.questions, r.currentStepId]
   ), i = e.questions[n], s = K((m, u) => {
-    t((w) => E(y({}, w), {
-      answers: E(y({}, w.answers), {
+    t((w) => j(y({}, w), {
+      answers: j(y({}, w.answers), {
         [m]: u
       }),
       // Clear error on modification
-      errors: E(y({}, w.errors), {
+      errors: j(y({}, w.errors), {
         [m]: ""
       })
     }));
   }, []), p = K((m, u) => {
     t((w) => {
       if (u === null) {
-        const R = w.errors, { [m]: I } = R, A = Fe(R, [Ie(m)]);
-        return E(y({}, w), { errors: A });
+        const F = w.errors, { [m]: A } = F, P = Fe(F, [Ie(m)]);
+        return j(y({}, w), { errors: P });
       }
-      return E(y({}, w), {
-        errors: E(y({}, w.errors), { [m]: u })
+      return j(y({}, w), {
+        errors: j(y({}, w.errors), { [m]: u })
       });
     });
   }, []), c = K(() => {
@@ -66,14 +66,14 @@ function mt({ schema: e, onSubmit: o }) {
   }, [e.questions]), v = K(() => {
     if (!c()) return;
     const m = b(i);
-    m === "submit" ? (t((u) => E(y({}, u), { isCompleted: !0 })), o == null || o(r.answers)) : t((u) => E(y({}, u), {
+    m === "submit" ? (t((u) => j(y({}, u), { isCompleted: !0 })), o == null || o(r.answers)) : t((u) => j(y({}, u), {
       history: [...u.history, u.currentStepId],
       currentStepId: m
     }));
   }, [i, r.answers, c, b, o]), h = K(() => {
     if (r.history.length === 0) return;
     const m = r.history[r.history.length - 1];
-    t((u) => E(y({}, u), {
+    t((u) => j(y({}, u), {
       history: u.history.slice(0, -1),
       currentStepId: m
     }));
@@ -82,7 +82,7 @@ function mt({ schema: e, onSubmit: o }) {
       console.warn(`Step ${m} does not exist`);
       return;
     }
-    t((w) => E(y({}, w), {
+    t((w) => j(y({}, w), {
       history: [...w.history, w.currentStepId],
       currentStepId: m
     }));
@@ -97,7 +97,7 @@ function mt({ schema: e, onSubmit: o }) {
       isCompleted: !1
     });
   }, [e.questions]);
-  return E(y({}, r), {
+  return j(y({}, r), {
     setAnswer: s,
     nextStep: v,
     prevStep: h,
@@ -109,23 +109,23 @@ function mt({ schema: e, onSubmit: o }) {
     progress: n / e.questions.length * 100
   });
 }
-const Ge = nt(void 0), re = () => {
-  const e = st(Ge);
+const je = nt(void 0), re = () => {
+  const e = st(je);
   if (!e)
     throw new Error("useFormContext must be used within a FormProvider");
   return e;
 };
-function je(e) {
+function Ge(e) {
   var o, r, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (o = 0; o < n; o++) e[o] && (r = je(e[o])) && (t && (t += " "), t += r);
+    for (o = 0; o < n; o++) e[o] && (r = Ge(e[o])) && (t && (t += " "), t += r);
   } else for (r in e) e[r] && (t && (t += " "), t += r);
   return t;
 }
 function pt() {
-  for (var e, o, r = 0, t = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (o = je(e)) && (t && (t += " "), t += o);
+  for (var e, o, r = 0, t = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (o = Ge(e)) && (t && (t += " "), t += o);
   return t;
 }
 const ut = (e, o) => {
@@ -361,14 +361,14 @@ const ut = (e, o) => {
       }
       u = !1;
     }
-    const R = k.length === 0 ? "" : k.length === 1 ? k[0] : i(k).join(":"), I = z ? R + ge : R, A = I + w;
-    if (s.indexOf(A) > -1)
+    const F = k.length === 0 ? "" : k.length === 1 ? k[0] : i(k).join(":"), A = z ? F + ge : F, P = A + w;
+    if (s.indexOf(P) > -1)
       continue;
-    s.push(A);
-    const G = n(w, u);
-    for (let L = 0; L < G.length; ++L) {
-      const O = G[L];
-      s.push(I + O);
+    s.push(P);
+    const R = n(w, u);
+    for (let E = 0; E < R.length; ++E) {
+      const O = R[E];
+      s.push(A + O);
     }
     c = v + (c.length > 0 ? " " + c : c);
   }
@@ -398,14 +398,14 @@ const ut = (e, o) => {
     return n(c, v), v;
   };
   return i = s, (...c) => i(Pt(...c));
-}, Mt = [], F = (e) => {
+}, Mt = [], I = (e) => {
   const o = (r) => r[e] || Mt;
   return o.isThemeGetter = !0, o;
-}, _e = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, De = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Lt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Gt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, jt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Bt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (e) => Lt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && x(e.slice(0, -1)), _ = (e) => Et.test(e), Ue = () => !0, Wt = (e) => (
+}, _e = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, De = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Lt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Gt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Bt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (e) => Lt.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && x(e.slice(0, -1)), _ = (e) => Et.test(e), Ue = () => !0, Wt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Gt.test(e) && !jt.test(e)
+  jt.test(e) && !Gt.test(e)
 ), we = () => !1, Vt = (e) => Ot.test(e), _t = (e) => Bt.test(e), Dt = (e) => !a(e) && !l(e), Ut = (e) => X(e, He, we), a = (e) => _e.test(e), J = (e) => X(e, Xe, Wt), Te = (e) => X(e, qt, x), Kt = (e) => X(e, Je, Ue), Qt = (e) => X(e, Ye, we), Me = (e) => X(e, Ke, we), Ht = (e) => X(e, Qe, _t), le = (e) => X(e, Ze, Vt), l = (e) => De.test(e), te = (e) => Z(e, Xe), Xt = (e) => Z(e, Ye), Le = (e) => Z(e, Ke), Yt = (e) => Z(e, He), Jt = (e) => Z(e, Qe), ce = (e) => Z(e, Ze, !0), Zt = (e) => Z(e, Je, !0), X = (e, o, r) => {
   const t = _e.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
@@ -413,7 +413,7 @@ const ut = (e, o) => {
   const t = De.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
 }, Ke = (e) => e === "position" || e === "percentage", Qe = (e) => e === "image" || e === "url", He = (e) => e === "length" || e === "size" || e === "bg-size", Xe = (e) => e === "length", qt = (e) => e === "number", Ye = (e) => e === "family-name", Je = (e) => e === "number" || e === "weight", Ze = (e) => e === "shadow", er = () => {
-  const e = F("color"), o = F("font"), r = F("text"), t = F("font-weight"), n = F("tracking"), i = F("leading"), s = F("breakpoint"), p = F("container"), c = F("spacing"), b = F("radius"), v = F("shadow"), h = F("inset-shadow"), k = F("text-shadow"), z = F("drop-shadow"), C = F("blur"), m = F("perspective"), u = F("aspect"), w = F("ease"), R = F("animate"), I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+  const e = I("color"), o = I("font"), r = I("text"), t = I("font-weight"), n = I("tracking"), i = I("leading"), s = I("breakpoint"), p = I("container"), c = I("spacing"), b = I("radius"), v = I("shadow"), h = I("inset-shadow"), k = I("text-shadow"), z = I("drop-shadow"), C = I("blur"), m = I("perspective"), u = I("aspect"), w = I("ease"), F = I("animate"), A = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
     "center",
     "top",
     "bottom",
@@ -431,15 +431,15 @@ const ut = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], G = () => [...A(), l, a], L = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], d = () => [l, a, c], S = () => [Q, "full", "auto", ...d()], D = () => [H, "none", "subgrid", l, a], U = () => ["auto", {
+  ], R = () => [...P(), l, a], E = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], d = () => [l, a, c], S = () => [Q, "full", "auto", ...d()], D = () => [H, "none", "subgrid", l, a], U = () => ["auto", {
     span: ["full", H, l, a]
-  }, H, l, a], W = () => [H, "auto", l, a], j = () => ["auto", "min", "max", "fr", l, a], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...d()], Y = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], me = () => [Q, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...d()], pe = () => [Q, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...d()], f = () => [e, l, a], ye = () => [...A(), Le, Me, {
+  }, H, l, a], V = () => [H, "auto", l, a], G = () => ["auto", "min", "max", "fr", l, a], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], B = () => ["auto", ...d()], Y = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], me = () => [Q, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...d()], pe = () => [Q, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...d()], f = () => [e, l, a], ye = () => [...P(), Le, Me, {
     position: [l, a]
   }], ve = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], ke = () => ["auto", "cover", "contain", Yt, Ut, {
     size: [l, a]
-  }], ue = () => [be, te, J], P = () => [
+  }], ue = () => [be, te, J], T = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -447,7 +447,7 @@ const ut = (e, o) => {
     b,
     l,
     a
-  ], T = () => ["", x, te, J], oe = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], $ = () => [x, be, Le, Me], Se = () => [
+  ], M = () => ["", x, te, J], oe = () => ["solid", "dashed", "dotted", "double"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], $ = () => [x, be, Le, Me], Se = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -507,14 +507,14 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": I()
+        "break-after": A()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": I()
+        "break-before": A()
       }],
       /**
        * Break Inside
@@ -578,28 +578,28 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: G()
+        object: R()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: L()
+        overflow: E()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": L()
+        "overflow-x": E()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": L()
+        "overflow-y": E()
       }],
       /**
        * Overscroll Behavior
@@ -799,14 +799,14 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": W()
+        "col-start": V()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": W()
+        "col-end": V()
       }],
       /**
        * Grid Template Rows
@@ -827,14 +827,14 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": W()
+        "row-start": V()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": W()
+        "row-end": V()
       }],
       /**
        * Grid Auto Flow
@@ -848,14 +848,14 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": j()
+        "auto-cols": G()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": j()
+        "auto-rows": G()
       }],
       /**
        * Gap
@@ -1595,189 +1595,189 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: P()
+        rounded: T()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": P()
+        "rounded-s": T()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": P()
+        "rounded-e": T()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": P()
+        "rounded-t": T()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": P()
+        "rounded-r": T()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": P()
+        "rounded-b": T()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": P()
+        "rounded-l": T()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": P()
+        "rounded-ss": T()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": P()
+        "rounded-se": T()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": P()
+        "rounded-ee": T()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": P()
+        "rounded-es": T()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": P()
+        "rounded-tl": T()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": P()
+        "rounded-tr": T()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": P()
+        "rounded-br": T()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": P()
+        "rounded-bl": T()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: T()
+        border: M()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": T()
+        "border-x": M()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": T()
+        "border-y": M()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": T()
+        "border-s": M()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": T()
+        "border-e": M()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": T()
+        "border-bs": M()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": T()
+        "border-be": M()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": T()
+        "border-t": M()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": T()
+        "border-r": M()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": T()
+        "border-b": M()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": T()
+        "border-l": M()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": T()
+        "divide-x": M()
       }],
       /**
        * Divide Width X Reverse
@@ -1789,7 +1789,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": T()
+        "divide-y": M()
       }],
       /**
        * Divide Width Y Reverse
@@ -1965,7 +1965,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: T()
+        ring: M()
       }],
       /**
        * Ring Width Inset
@@ -2004,7 +2004,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": T()
+        "inset-ring": M()
       }],
       /**
        * Inset Ring Color
@@ -2178,7 +2178,7 @@ const ut = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": A()
+        "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [x]
@@ -2501,7 +2501,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", R, l, a]
+        animate: ["none", F, l, a]
       }],
       // ------------------
       // --- Transforms ---
@@ -2525,7 +2525,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": G()
+        "perspective-origin": R()
       }],
       /**
        * Rotate
@@ -2621,7 +2621,7 @@ const ut = (e, o) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: G()
+        origin: R()
       }],
       /**
        * Transform Style
@@ -3042,7 +3042,7 @@ const ut = (e, o) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, tr = /* @__PURE__ */ Tt(er);
-function V(...e) {
+function W(...e) {
   return tr(pt(e));
 }
 function rr(e, o, r) {
@@ -3065,7 +3065,7 @@ function rr(e, o, r) {
   return e;
 }
 function or({ question: e }) {
-  var C, m, u, w, R, I, A, G, L, O;
+  var C, m, u, w, F, A, P, R, E, O;
   const { answers: o, setAnswer: r, nextStep: t, schema: n } = re(), i = o[e.id], s = i != null ? String(i) : "", p = it(null), c = n.questions[0].id === e.id, b = !n.disableAutoFocus || !c;
   he(() => {
     if (b) {
@@ -3077,29 +3077,29 @@ function or({ question: e }) {
     }
   }, [e.id, b]);
   const v = (d) => {
-    var U, W, j;
+    var U, V, G;
     let S = d.target.value;
-    ((U = e.validation) != null && U.maskType || (W = e.validation) != null && W.mask) && (S = rr(S, e.validation.maskType, e.validation.mask));
-    const D = ((j = e.validation) == null ? void 0 : j.maxLength) || 2048;
+    ((U = e.validation) != null && U.maskType || (V = e.validation) != null && V.mask) && (S = rr(S, e.validation.maskType, e.validation.mask));
+    const D = ((G = e.validation) == null ? void 0 : G.maxLength) || 2048;
     if (S.length > D && (S = S.slice(0, D)), e.type === "number") {
       const ee = S === "" ? "" : parseFloat(S);
       r(e.id, ee);
     } else
       r(e.id, S);
   }, h = () => {
-    var d, S, D, U, W;
+    var d, S, D, U, V;
     if ((d = e.validation) != null && d.required && !s) return !1;
     if (s) {
       if ((S = e.validation) != null && S.minLength && s.length < e.validation.minLength || e.type === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s)) return !1;
       if ((D = e.validation) != null && D.pattern)
         try {
           if (!new RegExp(e.validation.pattern).test(s)) return !1;
-        } catch (j) {
-          console.error("Invalid regex pattern in schema", j);
+        } catch (G) {
+          console.error("Invalid regex pattern in schema", G);
         }
       if (e.type === "number") {
-        const j = parseFloat(s);
-        if (!isNaN(j) && (((U = e.validation) == null ? void 0 : U.min) !== void 0 && j < e.validation.min || ((W = e.validation) == null ? void 0 : W.max) !== void 0 && j > e.validation.max))
+        const G = parseFloat(s);
+        if (!isNaN(G) && (((U = e.validation) == null ? void 0 : U.min) !== void 0 && G < e.validation.min || ((V = e.validation) == null ? void 0 : V.max) !== void 0 && G > e.validation.max))
           return !1;
       }
     }
@@ -3128,16 +3128,16 @@ function or({ question: e }) {
         maxLength: ((m = e.validation) == null ? void 0 : m.maxLength) || 2048,
         min: (u = e.validation) == null ? void 0 : u.min,
         max: (w = e.validation) == null ? void 0 : w.max,
-        pattern: (R = e.validation) == null ? void 0 : R.pattern,
-        className: V(
+        pattern: (F = e.validation) == null ? void 0 : F.pattern,
+        className: W(
           `w-full bg-transparent border-b-2 border-sw-text-secondary/20 
                     py-4 text-2xl md:text-3xl font-medium outline-none transition-colors
                     placeholder:text-sw-text-secondary/30
                     focus:border-sw-primary
                     font-sw-heading`,
-          (A = (I = n.theme) == null ? void 0 : I.customClasses) == null ? void 0 : A.input
+          (P = (A = n.theme) == null ? void 0 : A.customClasses) == null ? void 0 : P.input
         ),
-        style: y(y({}, ((G = n.theme) == null ? void 0 : G.labelFont) && { fontFamily: "var(--font-sw-label)" }), ((L = n.theme) == null ? void 0 : L.labelFontSize) && { fontSize: "var(--size-sw-label)" })
+        style: y(y({}, ((R = n.theme) == null ? void 0 : R.labelFont) && { fontFamily: "var(--font-sw-label)" }), ((E = n.theme) == null ? void 0 : E.labelFontSize) && { fontSize: "var(--size-sw-label)" })
       }
     ),
     void 0,
@@ -3171,16 +3171,16 @@ function nr({ question: e }) {
         scrollbarColor: "var(--sw-primary) transparent"
       },
       children: (v = e.options) == null ? void 0 : v.map((h, k) => {
-        var C, m, u, w, R, I, A, G, L, O;
+        var C, m, u, w, F, A, P, R, E, O;
         const z = i ? p.includes(h.value) : p === h.value;
         return /* @__PURE__ */ N(
-          M.button,
+          L.button,
           {
             initial: { opacity: 0, y: 10 },
             animate: { opacity: 1, y: 0 },
             transition: { delay: Math.min(k * 0.05, 0.5) },
             onClick: () => c(h.value),
-            className: V(
+            className: W(
               `w-full text-left p-4 rounded-lg border-2 transition-all duration-200
                             flex items-center justify-between group flex-shrink-0`,
               z ? "border-sw-primary bg-sw-primary/5 text-sw-primary" : "border-sw-text-secondary/10 hover:border-sw-primary/50 hover:bg-sw-primary/5",
@@ -3191,21 +3191,21 @@ function nr({ question: e }) {
               padding: "var(--sw-option-padding, 1rem)",
               borderRadius: "var(--sw-option-radius, 0.5rem)",
               borderWidth: "var(--sw-option-border, 2px)"
-            }, z && ((R = n.theme) != null && R.optionActiveColor) ? {
+            }, z && ((F = n.theme) != null && F.optionActiveColor) ? {
               borderColor: "var(--sw-option-active)"
             } : {}),
             children: [
-              /* @__PURE__ */ N("span", { className: "text-base md:text-lg font-medium flex items-center gap-3 w-full", style: y(y({}, ((I = n.theme) == null ? void 0 : I.labelFont) && { fontFamily: "var(--font-sw-label)" }), ((A = n.theme) == null ? void 0 : A.labelFontSize) && { fontSize: "var(--size-sw-label)" }), children: [
+              /* @__PURE__ */ N("span", { className: "text-base md:text-lg font-medium flex items-center gap-3 w-full", style: y(y({}, ((A = n.theme) == null ? void 0 : A.labelFont) && { fontFamily: "var(--font-sw-label)" }), ((P = n.theme) == null ? void 0 : P.labelFontSize) && { fontSize: "var(--size-sw-label)" }), children: [
                 /* @__PURE__ */ g("span", { className: `
                                 flex-shrink-0 w-5 h-5 md:w-6 md:h-6 rounded-full border-2 flex items-center justify-center transition-colors
                                 ${z ? "border-sw-primary bg-sw-primary" : "border-sw-text-secondary/30 group-hover:border-sw-primary/50"}
-                            `, style: y({}, z && ((G = n.theme) != null && G.optionActiveColor) ? {
+                            `, style: y({}, z && ((R = n.theme) != null && R.optionActiveColor) ? {
                   borderColor: "var(--sw-option-active)",
                   backgroundColor: "var(--sw-option-active)"
                 } : {}), children: z && /* @__PURE__ */ g(Ee, { size: 14, className: "text-sw-background" }) }),
                 /* @__PURE__ */ g("span", { className: "break-words whitespace-pre-wrap", children: h.label })
               ] }),
-              !((L = n.i18n) != null && L.hideSelectText) && /* @__PURE__ */ N("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity text-[10px] md:text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50 flex-shrink-0 ml-4 hidden sm:inline-block", children: [
+              !((E = n.i18n) != null && E.hideSelectText) && /* @__PURE__ */ N("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity text-[10px] md:text-xs font-mono uppercase tracking-widest text-sw-text-secondary/50 flex-shrink-0 ml-4 hidden sm:inline-block", children: [
                 ((O = n.i18n) == null ? void 0 : O.selectKey) || "Select",
                 " ",
                 /* @__PURE__ */ N("span", { className: "hidden md:inline", children: [
@@ -3229,7 +3229,7 @@ function sr({ question: e }) {
       var h, k, z, C;
       const b = c + 1, v = b <= n;
       return /* @__PURE__ */ g(
-        M.button,
+        L.button,
         {
           initial: { opacity: 0, scale: 0 },
           animate: { opacity: 1, scale: 1 },
@@ -3237,7 +3237,7 @@ function sr({ question: e }) {
           onClick: () => r(e.id, b),
           whileHover: { scale: 1.2, rotate: 5 },
           whileTap: { scale: 0.9 },
-          className: V(
+          className: W(
             "focus:outline-none",
             (k = (h = t.theme) == null ? void 0 : h.customClasses) == null ? void 0 : k.option,
             v && ((C = (z = t.theme) == null ? void 0 : z.customClasses) == null ? void 0 : C.optionActive)
@@ -3256,7 +3256,7 @@ function sr({ question: e }) {
     /* @__PURE__ */ N("div", { className: "flex justify-between w-full max-w-[300px] md:max-w-[400px] px-2 items-center", children: [
       /* @__PURE__ */ g("span", { className: "text-sm md:text-base font-medium text-sw-text-secondary/50 uppercase tracking-wide", children: e.minLabel || "Poor" }),
       /* @__PURE__ */ g(
-        M.div,
+        L.div,
         {
           initial: { opacity: 0, scale: 0.8 },
           animate: { opacity: n ? 1 : 0, scale: n ? 1 : 0.8 },
@@ -3273,12 +3273,12 @@ function ir({ question: e }) {
   const { schema: o } = re(), r = o.questions.findIndex((u) => u.id === e.id) + 1, t = o.questions.length, n = {
     hidden: { opacity: 0, y: 20 },
     visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: [0.22, 1, 0.36, 1] } }
-  }, i = (u) => u && u.replace(/\{\{(\w+)\}\}/g, (w, R) => {
-    const I = s.answers[R];
-    return I != null ? String(I) : "";
+  }, i = (u) => u && u.replace(/\{\{(\w+)\}\}/g, (w, F) => {
+    const A = s.answers[F];
+    return A != null ? String(A) : "";
   }), s = re();
   return /* @__PURE__ */ N(
-    M.div,
+    L.div,
     {
       className: "flex flex-col gap-8 w-full max-w-4xl mx-auto",
       initial: "hidden",
@@ -3288,16 +3288,16 @@ function ir({ question: e }) {
       },
       children: [
         /* @__PURE__ */ N("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ g(M.div, { variants: n, className: "flex gap-4 items-baseline", children: /* @__PURE__ */ N("span", { className: "flex items-center gap-2 text-sm md:text-base font-medium text-sw-primary/90 bg-sw-primary/10 px-3 py-1 rounded-full border border-sw-primary/20 backdrop-blur-sm", children: [
+          /* @__PURE__ */ g(L.div, { variants: n, className: "flex gap-4 items-baseline", children: /* @__PURE__ */ N("span", { className: "flex items-center gap-2 text-sm md:text-base font-medium text-sw-primary/90 bg-sw-primary/10 px-3 py-1 rounded-full border border-sw-primary/20 backdrop-blur-sm", children: [
             /* @__PURE__ */ g("span", { children: r }),
             /* @__PURE__ */ g("span", { className: "opacity-40 text-xs", children: "/" }),
             /* @__PURE__ */ g("span", { className: "opacity-60", children: t })
           ] }) }),
           /* @__PURE__ */ N(
-            M.h2,
+            L.h2,
             {
               variants: n,
-              className: V(
+              className: W(
                 "text-3xl md:text-4xl lg:text-5xl font-bold leading-tight tracking-tight text-pretty mt-2 font-sw-heading",
                 (c = (p = o.theme) == null ? void 0 : p.customClasses) == null ? void 0 : c.title
               ),
@@ -3310,10 +3310,10 @@ function ir({ question: e }) {
             }
           ),
           e.description && /* @__PURE__ */ g(
-            M.p,
+            L.p,
             {
               variants: n,
-              className: V(
+              className: W(
                 "text-lg md:text-xl text-muted-foreground font-normal leading-relaxed max-w-2xl mt-2",
                 (z = (k = o.theme) == null ? void 0 : k.customClasses) == null ? void 0 : z.description
               ),
@@ -3322,7 +3322,7 @@ function ir({ question: e }) {
             }
           )
         ] }),
-        /* @__PURE__ */ g(M.div, { variants: n, className: "w-full mt-6", children: e.type === "text" || e.type === "email" || e.type === "number" || e.type === "url" ? /* @__PURE__ */ g(or, { question: e }) : e.type === "select" || e.type === "multi-select" ? /* @__PURE__ */ g(nr, { question: e }) : e.type === "rating" ? /* @__PURE__ */ g(sr, { question: e }) : /* @__PURE__ */ N("div", { className: "p-4 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 rounded", children: [
+        /* @__PURE__ */ g(L.div, { variants: n, className: "w-full mt-6", children: e.type === "text" || e.type === "email" || e.type === "number" || e.type === "url" ? /* @__PURE__ */ g(or, { question: e }) : e.type === "select" || e.type === "multi-select" ? /* @__PURE__ */ g(nr, { question: e }) : e.type === "rating" ? /* @__PURE__ */ g(sr, { question: e }) : /* @__PURE__ */ N("div", { className: "p-4 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200 rounded", children: [
           "Unsupported question type: ",
           e.type,
           " (ID: ",
@@ -3342,7 +3342,7 @@ const ar = {
   stepInfo: "Question {{current}} of {{total}}"
 };
 function ur({ schema: e, onSubmit: o }) {
-  var C, m, u, w, R, I;
+  var C, m, u, w, F, A, P;
   const r = mt({ schema: e, onSubmit: o }), t = e.theme || {
     backgroundColor: "#ffffff",
     textColor: "#000000",
@@ -3374,16 +3374,16 @@ function ur({ schema: e, onSubmit: o }) {
   }, { autoReload: b, reloadDelay: v = 3e3 } = e, h = ((C = e.layoutSettings) == null ? void 0 : C.internalScroll) !== !1;
   if (he(() => {
     if (r.isCompleted && b) {
-      const A = setTimeout(() => {
+      const R = setTimeout(() => {
         r.resetForm();
       }, v);
-      return () => clearTimeout(A);
+      return () => clearTimeout(R);
     }
   }, [r.isCompleted, b, v, r.resetForm]), r.isCompleted)
     return /* @__PURE__ */ N(
       "div",
       {
-        className: V(
+        className: W(
           "flex flex-col items-center justify-center w-full p-8 text-center relative",
           h ? "h-full overflow-hidden" : "min-h-screen",
           (m = t.customClasses) == null ? void 0 : m.container
@@ -3391,7 +3391,7 @@ function ur({ schema: e, onSubmit: o }) {
         style: i,
         children: [
           b && /* @__PURE__ */ g(
-            M.div,
+            L.div,
             {
               initial: { width: "0%" },
               animate: { width: "100%" },
@@ -3400,7 +3400,7 @@ function ur({ schema: e, onSubmit: o }) {
             }
           ),
           /* @__PURE__ */ N(
-            M.div,
+            L.div,
             {
               initial: { scale: 0.9, opacity: 0, y: 20 },
               animate: { scale: 1, opacity: 1, y: 0 },
@@ -3416,11 +3416,11 @@ function ur({ schema: e, onSubmit: o }) {
         ]
       }
     );
-  const k = e.questions.find((A) => A.id === r.currentStepId), z = (e.questions.findIndex((A) => A.id === r.currentStepId) + 1) / e.questions.length * 100;
-  return /* @__PURE__ */ g(Ge.Provider, { value: E(y({}, r), { schema: e }), children: /* @__PURE__ */ N(
+  const k = e.questions.find((R) => R.id === r.currentStepId), z = (e.questions.findIndex((R) => R.id === r.currentStepId) + 1) / e.questions.length * 100;
+  return /* @__PURE__ */ g(je.Provider, { value: j(y({}, r), { schema: e }), children: /* @__PURE__ */ N(
     "div",
     {
-      className: V(
+      className: W(
         "w-full flex flex-col relative transition-colors duration-700",
         h ? "h-full overflow-hidden" : "min-h-screen",
         (u = t.customClasses) == null ? void 0 : u.container
@@ -3430,7 +3430,7 @@ function ur({ schema: e, onSubmit: o }) {
         /* @__PURE__ */ N("div", { className: "absolute top-0 left-0 w-full h-1 z-50", children: [
           /* @__PURE__ */ g("div", { className: "absolute top-0 left-0 w-full h-full bg-current opacity-10" }),
           /* @__PURE__ */ g(
-            M.div,
+            L.div,
             {
               className: "h-full relative z-10",
               initial: { width: 0 },
@@ -3440,13 +3440,13 @@ function ur({ schema: e, onSubmit: o }) {
             }
           )
         ] }),
-        /* @__PURE__ */ N("div", { className: V(
+        /* @__PURE__ */ N("div", { className: W(
           "flex-1 w-full relative z-10 flex flex-col px-6 md:px-12",
           h ? "overflow-y-auto" : ""
         ), style: { scrollbarWidth: "none" }, children: [
           /* @__PURE__ */ g("div", { className: "flex-1 flex-shrink-0 min-h-[2rem]" }),
           /* @__PURE__ */ g("div", { className: "w-full max-w-5xl mx-auto py-4", children: /* @__PURE__ */ g(at, { mode: "wait", children: k && /* @__PURE__ */ g(
-            M.div,
+            L.div,
             {
               initial: { opacity: 0, y: 40 },
               animate: { opacity: 1, y: 0 },
@@ -3480,36 +3480,39 @@ function ur({ schema: e, onSubmit: o }) {
               ]
             }
           ),
-          /* @__PURE__ */ N("div", { className: "flex items-center gap-4 order-2 md:order-3 ml-auto", children: [
+          /* @__PURE__ */ N("div", { className: W(
+            "flex items-center justify-end gap-3 md:gap-4 order-2 md:order-3 w-full md:w-auto md:flex-1",
+            (F = t.customClasses) == null ? void 0 : F.buttonContainer
+          ), children: [
             /* @__PURE__ */ g(
-              M.button,
+              L.button,
               {
                 onClick: r.prevStep,
                 disabled: r.history.length === 0,
                 whileHover: { scale: 1.05 },
                 whileTap: { scale: 0.95 },
-                className: V(
-                  "w-12 h-12 md:w-14 md:h-14 flex items-center justify-center disabled:opacity-0 disabled:pointer-events-none transition-all hover:bg-white/5 rounded-full",
-                  (R = t.customClasses) == null ? void 0 : R.buttonSecondary
+                className: W(
+                  "w-10 h-10 md:w-12 md:h-12 flex items-center justify-center disabled:opacity-0 disabled:pointer-events-none transition-all hover:bg-black/5 dark:hover:bg-white/5 rounded-full",
+                  (A = t.customClasses) == null ? void 0 : A.buttonSecondary
                 ),
                 style: c,
-                children: /* @__PURE__ */ g(ct, { size: 24 })
+                children: /* @__PURE__ */ g(ct, { size: 20 })
               }
             ),
             /* @__PURE__ */ N(
-              M.button,
+              L.button,
               {
                 onClick: r.nextStep,
                 whileHover: { scale: 1.02 },
                 whileTap: { scale: 0.98 },
-                className: V(
-                  "px-8 py-3 md:px-10 md:py-4 text-lg font-bold shadow-2xl flex items-center gap-3 transition-all rounded-lg",
-                  (I = t.customClasses) == null ? void 0 : I.buttonPrimary
+                className: W(
+                  "px-6 py-2.5 md:px-8 md:py-3 text-base md:text-lg font-semibold shadow-lg flex items-center gap-2 transition-all rounded-lg",
+                  (P = t.customClasses) == null ? void 0 : P.buttonPrimary
                 ),
                 style: p,
                 children: [
                   /* @__PURE__ */ g("span", { children: r.currentStepId === e.questions[e.questions.length - 1].id ? t.submitText || n.submit : n.next }),
-                  r.currentStepId !== e.questions[e.questions.length - 1].id && /* @__PURE__ */ g(dt, { size: 20, strokeWidth: 3 })
+                  r.currentStepId !== e.questions[e.questions.length - 1].id && /* @__PURE__ */ g(dt, { size: 18, strokeWidth: 2.5 })
                 ]
               }
             )