motion-surveyjs-ui 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,17 +1,17 @@
-import Re, { useEffect as ie, useState as G, forwardRef as Se, createElement as je, useRef as oe, useMemo as pe, useReducer as ve } from "react";
-import { Question as ue, Model as Ee } from "survey-core";
-import { useAnimationControls as Ie, motion as y, AnimatePresence as D, useDragControls as Pe, Reorder as _e } from "motion/react";
-import * as fe from "@radix-ui/react-label";
-import * as V from "@radix-ui/react-radio-group";
-import * as ce from "@radix-ui/react-checkbox";
-import * as $ from "@radix-ui/react-select";
-var le = { exports: {} }, K = {};
-var ge;
-function Ae() {
-  if (ge) return K;
-  ge = 1;
+import Me, { useEffect as me, useState as J, forwardRef as Ee, createElement as pe, useRef as he, useMemo as ye, useReducer as be } from "react";
+import { Question as je, Model as Oe } from "survey-core";
+import { useAnimationControls as De, motion as v, AnimatePresence as V, useDragControls as Fe, Reorder as ge } from "motion/react";
+import * as ve from "@radix-ui/react-label";
+import * as H from "@radix-ui/react-radio-group";
+import * as xe from "@radix-ui/react-checkbox";
+import * as D from "@radix-ui/react-select";
+var de = { exports: {} }, ae = {};
+var Ne;
+function Be() {
+  if (Ne) return ae;
+  Ne = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function a(r, i, o) {
+  function a(s, i, o) {
     var c = null;
     if (o !== void 0 && (c = "" + o), i.key !== void 0 && (c = "" + i.key), "key" in i) {
       o = {};
@@ -20,258 +20,258 @@ function Ae() {
     } else o = i;
     return i = o.ref, {
       $$typeof: n,
-      type: r,
+      type: s,
       key: c,
       ref: i !== void 0 ? i : null,
       props: o
     };
   }
-  return K.Fragment = t, K.jsx = a, K.jsxs = a, K;
+  return ae.Fragment = t, ae.jsx = a, ae.jsxs = a, ae;
 }
-var q = {};
-var ye;
-function Le() {
-  return ye || (ye = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === de ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
+var se = {};
+var ke;
+function Ve() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === q ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
         case b:
           return "Fragment";
         case k:
           return "Profiler";
         case g:
           return "StrictMode";
-        case z:
+        case K:
           return "Suspense";
-        case I:
+        case P:
           return "SuspenseList";
-        case Q:
+        case O:
           return "Activity";
       }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), s.$$typeof) {
-          case v:
+        ), l.$$typeof) {
+          case p:
             return "Portal";
-          case C:
-            return s.displayName || "Context";
-          case E:
-            return (s._context.displayName || "Context") + ".Consumer";
-          case B:
-            var _ = s.render;
-            return s = s.displayName, s || (s = _.displayName || _.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case F:
-            return _ = s.displayName || null, _ !== null ? _ : n(s.type) || "Memo";
+          case $:
+            return l.displayName || "Context";
+          case I:
+            return (l._context.displayName || "Context") + ".Consumer";
+          case Q:
+            var y = l.render;
+            return l = l.displayName, l || (l = y.displayName || y.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case Y:
+            return y = l.displayName || null, y !== null ? y : n(l.type) || "Memo";
           case U:
-            _ = s._payload, s = s._init;
+            y = l._payload, l = l._init;
             try {
-              return n(s(_));
+              return n(l(y));
             } catch {
             }
         }
       return null;
     }
-    function t(s) {
-      return "" + s;
+    function t(l) {
+      return "" + l;
     }
-    function a(s) {
+    function a(l) {
       try {
-        t(s);
-        var _ = !1;
+        t(l);
+        var y = !1;
       } catch {
-        _ = !0;
+        y = !0;
       }
-      if (_) {
-        _ = console;
-        var f = _.error, N = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return f.call(
-          _,
+      if (y) {
+        y = console;
+        var w = y.error, R = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return w.call(
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
-        ), t(s);
+          R
+        ), t(l);
       }
     }
-    function r(s) {
-      if (s === b) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === U)
+    function s(l) {
+      if (l === b) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === U)
         return "<...>";
       try {
-        var _ = n(s);
-        return _ ? "<" + _ + ">" : "<...>";
+        var y = n(l);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var s = W.A;
-      return s === null ? null : s.getOwner();
+      var l = Z.A;
+      return l === null ? null : l.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function c(s) {
-      if (ee.call(s, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (_ && _.isReactWarning) return !1;
+    function c(l) {
+      if (le.call(l, "key")) {
+        var y = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return s.key !== void 0;
+      return l.key !== void 0;
     }
-    function m(s, _) {
-      function f() {
-        ne || (ne = !0, console.error(
+    function m(l, y) {
+      function w() {
+        B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          _
+          y
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: f,
+      w.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: w,
         configurable: !0
       });
     }
     function d() {
-      var s = n(this.type);
-      return ae[s] || (ae[s] = !0, console.error(
+      var l = n(this.type);
+      return oe[l] || (oe[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), s = this.props.ref, s !== void 0 ? s : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function u(s, _, f, N, L, O) {
-      var w = f.ref;
-      return s = {
-        $$typeof: p,
-        type: s,
-        key: _,
-        props: f,
-        _owner: N
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(s, "ref", {
+    function u(l, y, w, R, G, X) {
+      var _ = w.ref;
+      return l = {
+        $$typeof: f,
+        type: l,
+        key: y,
+        props: w,
+        _owner: R
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: d
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(s, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
-      }), Object.defineProperty(s, "_debugTask", {
+        value: G
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+        value: X
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function l(s, _, f, N, L, O) {
-      var w = _.children;
-      if (w !== void 0)
-        if (N)
-          if (te(w)) {
-            for (N = 0; N < w.length; N++)
-              x(w[N]);
-            Object.freeze && Object.freeze(w);
+    function r(l, y, w, R, G, X) {
+      var _ = y.children;
+      if (_ !== void 0)
+        if (R)
+          if (ie(_)) {
+            for (R = 0; R < _.length; R++)
+              x(_[R]);
+            Object.freeze && Object.freeze(_);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(w);
-      if (ee.call(_, "key")) {
-        w = n(s);
-        var Y = Object.keys(_).filter(function(me) {
-          return me !== "key";
+        else x(_);
+      if (le.call(y, "key")) {
+        _ = n(l);
+        var S = Object.keys(y).filter(function(A) {
+          return A !== "key";
         });
-        N = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", X[w + N] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", te[_ + R] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          N,
-          w,
-          Y,
-          w
-        ), X[w + N] = !0);
+          R,
+          _,
+          S,
+          _
+        ), te[_ + R] = !0);
       }
-      if (w = null, f !== void 0 && (a(f), w = "" + f), c(_) && (a(_.key), w = "" + _.key), "key" in _) {
-        f = {};
-        for (var J in _)
-          J !== "key" && (f[J] = _[J]);
-      } else f = _;
-      return w && m(
-        f,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      if (_ = null, w !== void 0 && (a(w), _ = "" + w), c(y) && (a(y.key), _ = "" + y.key), "key" in y) {
+        w = {};
+        for (var N in y)
+          N !== "key" && (w[N] = y[N]);
+      } else w = y;
+      return _ && m(
+        w,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), u(
-        s,
+        l,
+        _,
         w,
-        f,
         i(),
-        L,
-        O
+        G,
+        X
       );
     }
-    function x(s) {
-      h(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === U && (s._payload.status === "fulfilled" ? h(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    function x(l) {
+      h(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === U && (l._payload.status === "fulfilled" ? h(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function h(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === p;
+    function h(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === f;
     }
-    var j = Re, p = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), C = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), de = Symbol.for("react.client.reference"), W = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, te = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var j = Me, f = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), Q = Symbol.for("react.forward_ref"), K = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), Z = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, ie = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
-      react_stack_bottom_frame: function(s) {
-        return s();
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    var ne, ae = {}, se = j.react_stack_bottom_frame.bind(
+    var B, oe = {}, ee = j.react_stack_bottom_frame.bind(
       j,
       o
-    )(), re = H(r(o)), X = {};
-    q.Fragment = b, q.jsx = function(s, _, f) {
-      var N = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return l(
-        s,
-        _,
-        f,
+    )(), ce = z(s(o)), te = {};
+    se.Fragment = b, se.jsx = function(l, y, w) {
+      var R = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return r(
+        l,
+        y,
+        w,
         !1,
-        N ? Error("react-stack-top-frame") : se,
-        N ? H(r(s)) : re
+        R ? Error("react-stack-top-frame") : ee,
+        R ? z(s(l)) : ce
       );
-    }, q.jsxs = function(s, _, f) {
-      var N = 1e4 > W.recentlyCreatedOwnerStacks++;
-      return l(
-        s,
-        _,
-        f,
+    }, se.jsxs = function(l, y, w) {
+      var R = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return r(
+        l,
+        y,
+        w,
         !0,
-        N ? Error("react-stack-top-frame") : se,
-        N ? H(r(s)) : re
+        R ? Error("react-stack-top-frame") : ee,
+        R ? z(s(l)) : ce
       );
     };
-  })()), q;
+  })()), se;
 }
-var be;
-function $e() {
-  return be || (be = 1, process.env.NODE_ENV === "production" ? le.exports = Ae() : le.exports = Le()), le.exports;
+var we;
+function He() {
+  return we || (we = 1, process.env.NODE_ENV === "production" ? de.exports = Be() : de.exports = Ve()), de.exports;
 }
-var e = $e();
-function T({
+var e = He();
+function C({
   element: n,
   opts: t,
   children: a
 }) {
-  const i = n instanceof ue ? n : null, o = t.validationSeq > 0 && i && typeof i.hasErrors == "function" ? i.hasErrors() : !1, c = Ie();
-  ie(() => {
+  const i = n instanceof je ? n : null, o = t.validationSeq > 0 && i && typeof i.hasErrors == "function" ? i.hasErrors() : !1, c = De();
+  me(() => {
     t.animate && o && c.start({
       x: [0, -6, 6, -4, 0],
       transition: { duration: 0.32, ease: "easeInOut" }
@@ -279,7 +279,7 @@ function T({
   }, [c, o, t.animate, t.validationSeq]);
   const m = n.name;
   return /* @__PURE__ */ e.jsx(
-    y.div,
+    v.div,
     {
       className: o ? "msj__question msj__question--invalid" : "msj__question",
       "data-msj-element": m,
@@ -288,13 +288,13 @@ function T({
       whileInView: t.animate ? { opacity: 1, y: 0 } : void 0,
       viewport: { amount: 0.25, once: !0 },
       transition: { duration: t.duration },
-      children: /* @__PURE__ */ e.jsx(y.div, { className: "msj__questionInner", animate: c, children: a })
+      children: /* @__PURE__ */ e.jsx(v.div, { className: "msj__questionInner", animate: c, children: a })
     }
   );
 }
-function P({ errors: n, opts: t }) {
-  return n.length === 0 ? null : /* @__PURE__ */ e.jsx(D, { initial: !1, children: n.map((a) => /* @__PURE__ */ e.jsx(
-    y.div,
+function L({ errors: n, opts: t }) {
+  return n.length === 0 ? null : /* @__PURE__ */ e.jsx(V, { initial: !1, children: n.map((a) => /* @__PURE__ */ e.jsx(
+    v.div,
     {
       className: "msj__error",
       layout: !0,
@@ -307,36 +307,36 @@ function P({ errors: n, opts: t }) {
     a
   )) });
 }
-function R(n, t) {
+function E(n, t) {
   const a = (n.title ?? "") || n.name;
   return t.showQuestionNumbers === "off" || t.showQuestionNumbers === "on" && t.globalQuestionIndex < 0 || t.showQuestionNumbers === "onPage" && t.questionIndex < 0 ? a : `${t.showQuestionNumbers === "on" ? t.globalQuestionIndex + 1 : t.questionIndex + 1}. ${a}`;
 }
-function Me(n) {
+function Qe(n) {
   const t = n;
   return (typeof t.getText == "function" ? t.getText() : t.text) ?? "";
 }
-function A(n) {
-  return (n.errors ?? []).map(Me).filter(Boolean);
+function M(n) {
+  return (n.errors ?? []).map(Qe).filter(Boolean);
 }
-function S(n, t) {
-  if (n instanceof ue) {
-    const a = n, r = a.survey;
-    if (r && typeof r.setValue == "function" && a.name) {
-      r.setValue(a.name, t);
+function T(n, t) {
+  if (n instanceof je) {
+    const a = n, s = a.survey;
+    if (s && typeof s.setValue == "function" && a.name) {
+      s.setValue(a.name, t);
       return;
     }
   }
   Reflect.set(n, "value", t);
 }
-function Oe({ question: n, opts: t }) {
-  const a = n, r = R(a, t), i = t.validationSeq > 0 ? A(a) : [], [o, c] = G(!1);
-  return /* @__PURE__ */ e.jsxs(T, { element: a, opts: t, children: [
-    /* @__PURE__ */ e.jsxs(fe.Root, { className: "msj__label", htmlFor: a.id, children: [
-      r,
+function Ye({ question: n, opts: t }) {
+  const a = n, s = E(a, t), i = t.validationSeq > 0 ? M(a) : [], [o, c] = J(!1);
+  return /* @__PURE__ */ e.jsxs(C, { element: a, opts: t, children: [
+    /* @__PURE__ */ e.jsxs(ve.Root, { className: "msj__label", htmlFor: a.id, children: [
+      s,
       a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx(
-      y.div,
+      v.div,
       {
         className: "msj__inputWrap",
         initial: !1,
@@ -348,28 +348,28 @@ function Oe({ question: n, opts: t }) {
             id: a.id,
             className: "msj__input",
             value: a.value ?? "",
-            onChange: (m) => S(a, m.currentTarget.value),
+            onChange: (m) => T(a, m.currentTarget.value),
             onFocus: () => c(!0),
             onBlur: () => c(!1)
           }
         )
       }
     ),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function De({
+function We({
   question: n,
   opts: t
 }) {
-  const a = n, r = R(a, t), i = t.validationSeq > 0 ? A(a) : [], [o, c] = G(!1), m = String(a.value ?? ""), d = a.maxWordCount ?? a.maxWords ?? 200, l = (m.trim() ? m.trim().split(/\s+/).filter(Boolean) : []).length, x = l >= d * 0.9;
-  return /* @__PURE__ */ e.jsxs(T, { element: a, opts: t, children: [
-    /* @__PURE__ */ e.jsxs(fe.Root, { className: "msj__label", htmlFor: a.id, children: [
-      r,
+  const a = n, s = E(a, t), i = t.validationSeq > 0 ? M(a) : [], [o, c] = J(!1), m = String(a.value ?? ""), d = a.maxWordCount ?? a.maxWords ?? 200, r = (m.trim() ? m.trim().split(/\s+/).filter(Boolean) : []).length, x = r >= d * 0.9;
+  return /* @__PURE__ */ e.jsxs(C, { element: a, opts: t, children: [
+    /* @__PURE__ */ e.jsxs(ve.Root, { className: "msj__label", htmlFor: a.id, children: [
+      s,
       a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs(
-      y.div,
+      v.div,
       {
         className: "msj__textareaWrap",
         initial: !1,
@@ -385,96 +385,96 @@ function De({
               onFocus: () => c(!0),
               onBlur: () => c(!1),
               onChange: (h) => {
-                const j = h.currentTarget.value, p = j.trim() ? j.trim().split(/\s+/).filter(Boolean) : [];
-                if (p.length <= d) {
-                  S(a, j);
+                const j = h.currentTarget.value, f = j.trim() ? j.trim().split(/\s+/).filter(Boolean) : [];
+                if (f.length <= d) {
+                  T(a, j);
                   return;
                 }
-                S(a, `${p.slice(0, d).join(" ")} `);
+                T(a, `${f.slice(0, d).join(" ")} `);
               }
             }
           ),
           /* @__PURE__ */ e.jsx(
-            y.div,
+            v.div,
             {
               className: "msj__counter",
               initial: !1,
               animate: x ? { scale: 1.05, color: "#dc2626" } : { scale: 1, color: "#64748b" },
               transition: { type: "spring", stiffness: 400, damping: 25 },
-              children: t.t("wordCount", { count: l, max: d })
+              children: t.t("wordCount", { count: r, max: d })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function Ve({
+function Ue({
   question: n,
   opts: t
 }) {
-  const a = n, r = R(a, t), i = t.validationSeq > 0 ? A(a) : [], o = a.labelTrue || "Yes", c = a.labelFalse || "No", m = a.valueTrue ?? !0, d = a.valueFalse ?? !1, u = a.swapOrder === !0;
-  let l;
-  a.value === m ? l = "true" : a.value === d ? l = "false" : a.value === !0 ? l = "true" : a.value === !1 && (l = "false");
-  const x = (E) => {
-    S(a, E === "true" ? m : d);
+  const a = n, s = E(a, t), i = t.validationSeq > 0 ? M(a) : [], o = a.labelTrue || "Yes", c = a.labelFalse || "No", m = a.valueTrue ?? !0, d = a.valueFalse ?? !1, u = a.swapOrder === !0;
+  let r;
+  a.value === m ? r = "true" : a.value === d ? r = "false" : a.value === !0 ? r = "true" : a.value === !1 && (r = "false");
+  const x = (I) => {
+    T(a, I === "true" ? m : d);
   };
-  let h = "50%", j = "-50%", p = "40px";
-  l === "true" ? (p = "calc(50% - 6px)", u ? (h = "0%", j = "4px") : (h = "100%", j = "calc(-100% - 4px)")) : l === "false" && (p = "calc(50% - 6px)", u ? (h = "100%", j = "calc(-100% - 4px)") : (h = "0%", j = "4px"));
-  const v = u ? o : c, b = u ? c : o, g = u ? "true" : "false", k = u ? "false" : "true";
-  return /* @__PURE__ */ e.jsxs(T, { element: a, opts: t, children: [
+  let h = "50%", j = "-50%", f = "40px";
+  r === "true" ? (f = "calc(50% - 6px)", u ? (h = "0%", j = "4px") : (h = "100%", j = "calc(-100% - 4px)")) : r === "false" && (f = "calc(50% - 6px)", u ? (h = "100%", j = "calc(-100% - 4px)") : (h = "0%", j = "4px"));
+  const p = u ? o : c, b = u ? c : o, g = u ? "true" : "false", k = u ? "false" : "true";
+  return /* @__PURE__ */ e.jsxs(C, { element: a, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs(
-      V.Root,
+      H.Root,
       {
         className: "msj__toggleSwitch",
-        value: l,
+        value: r,
         onValueChange: x,
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "msj__toggleTrack", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "msj__toggleTrackLabel msj__toggleTrackLabel--left", children: v }),
+            /* @__PURE__ */ e.jsx("div", { className: "msj__toggleTrackLabel msj__toggleTrackLabel--left", children: p }),
             /* @__PURE__ */ e.jsx("div", { className: "msj__toggleTrackLabel msj__toggleTrackLabel--right", children: b }),
             /* @__PURE__ */ e.jsx(
-              y.div,
+              v.div,
               {
-                className: `msj__toggleHandle ${l === "true" ? "msj__toggleHandle--true" : l === "false" ? "msj__toggleHandle--false" : ""}`,
+                className: `msj__toggleHandle ${r === "true" ? "msj__toggleHandle--true" : r === "false" ? "msj__toggleHandle--false" : ""}`,
                 initial: !1,
-                animate: { left: h, x: j, width: p },
+                animate: { left: h, x: j, width: f },
                 transition: { type: "spring", stiffness: 500, damping: 30 },
                 children: /* @__PURE__ */ e.jsx(
-                  y.span,
+                  v.span,
                   {
                     initial: { opacity: 0, scale: 0.8 },
                     animate: { opacity: 1, scale: 1 },
                     exit: { opacity: 0, scale: 0.8 },
-                    children: l === "true" ? o : l === "false" ? c : ""
+                    children: r === "true" ? o : r === "false" ? c : ""
                   },
-                  l || "empty"
+                  r || "empty"
                 )
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "msj__toggleInputs", children: [
-            /* @__PURE__ */ e.jsx(V.Item, { value: g, className: "msj__toggleInput", "aria-label": v }),
-            /* @__PURE__ */ e.jsx(V.Item, { value: k, className: "msj__toggleInput", "aria-label": b })
+            /* @__PURE__ */ e.jsx(H.Item, { value: g, className: "msj__toggleInput", "aria-label": p }),
+            /* @__PURE__ */ e.jsx(H.Item, { value: k, className: "msj__toggleInput", "aria-label": b })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function Te({
+function Ie({
   active: n,
   duration: t,
   size: a = 14
 }) {
   return /* @__PURE__ */ e.jsx(
-    y.svg,
+    v.svg,
     {
       className: "msj__checkmark",
       width: a,
@@ -483,7 +483,7 @@ function Te({
       fill: "none",
       "aria-hidden": !0,
       children: /* @__PURE__ */ e.jsx(
-        y.path,
+        v.path,
         {
           d: "M3.2 8.4 6.6 11.8 12.8 4.8",
           stroke: "currentColor",
@@ -499,32 +499,32 @@ function Te({
     }
   );
 }
-function Ne({
+function Se({
   question: n,
   isMulti: t,
   opts: a
 }) {
-  const r = n, i = R(r, a), o = a.validationSeq > 0 ? A(r) : [], c = r.visibleChoices ?? [];
+  const s = n, i = E(s, a), o = a.validationSeq > 0 ? M(s) : [], c = s.visibleChoices ?? [];
   if (!t) {
-    const d = r.value == null ? "" : String(r.value);
-    return /* @__PURE__ */ e.jsxs(T, { element: r, opts: a, children: [
+    const d = s.value == null ? "" : String(s.value);
+    return /* @__PURE__ */ e.jsxs(C, { element: s, opts: a, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
         i,
-        r.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+        s.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
       ] }),
       /* @__PURE__ */ e.jsx(
-        V.Root,
+        H.Root,
         {
           className: "msj__choiceList",
           value: d,
           onValueChange: (u) => {
-            const l = c.find((x) => String(x.value) === u);
-            S(r, l ? l.value : void 0);
+            const r = c.find((x) => String(x.value) === u);
+            T(s, r ? r.value : void 0);
           },
           children: c.map((u) => {
-            const l = String(u.value), x = u.text ?? l, h = d === l, j = `msj-radio-bg-${r.id}`;
-            return /* @__PURE__ */ e.jsx(V.Item, { value: l, asChild: !0, children: /* @__PURE__ */ e.jsxs(
-              y.button,
+            const r = String(u.value), x = u.text ?? r, h = d === r, j = `msj-radio-bg-${s.id}`;
+            return /* @__PURE__ */ e.jsx(H.Item, { value: r, asChild: !0, children: /* @__PURE__ */ e.jsxs(
+              v.button,
               {
                 type: "button",
                 className: "msj__choiceOption",
@@ -532,7 +532,7 @@ function Ne({
                 transition: { duration: a.duration },
                 children: [
                   h ? /* @__PURE__ */ e.jsx(
-                    y.span,
+                    v.span,
                     {
                       className: "msj__choiceOptionBg",
                       layoutId: j,
@@ -541,8 +541,8 @@ function Ne({
                   ) : null,
                   /* @__PURE__ */ e.jsxs("span", { className: "msj__choiceOptionContent", children: [
                     /* @__PURE__ */ e.jsxs("span", { className: "msj__radioItem", children: [
-                      /* @__PURE__ */ e.jsx(V.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
-                        y.span,
+                      /* @__PURE__ */ e.jsx(H.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                        v.span,
                         {
                           className: "msj__radioIndicator",
                           initial: !1,
@@ -551,35 +551,35 @@ function Ne({
                         }
                       ) }),
                       h ? /* @__PURE__ */ e.jsx(
-                        y.span,
+                        v.span,
                         {
                           className: "msj__radioPulse",
                           initial: { scale: 0.8, opacity: 0.28 },
                           animate: { scale: 2.2, opacity: 0 },
                           transition: { duration: Math.max(0.22, a.duration * 1.4) }
                         },
-                        `${l}-pulse`
+                        `${r}-pulse`
                       ) : null
                     ] }),
                     /* @__PURE__ */ e.jsx("span", { children: x })
                   ] })
                 ]
               }
-            ) }, l);
+            ) }, r);
           })
         }
       ),
-      /* @__PURE__ */ e.jsx(P, { errors: o, opts: a })
+      /* @__PURE__ */ e.jsx(L, { errors: o, opts: a })
     ] });
   }
-  const m = new Set(Array.isArray(r.value) ? r.value : []);
-  return /* @__PURE__ */ e.jsxs(T, { element: r, opts: a, children: [
+  const m = new Set(Array.isArray(s.value) ? s.value : []);
+  return /* @__PURE__ */ e.jsxs(C, { element: s, opts: a, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
       i,
-      r.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+      s.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__choiceList", children: c.map((d) => {
-      const u = d.value, l = String(u), x = d.text ?? l, h = m.has(u);
+      const u = d.value, r = String(u), x = d.text ?? r, h = m.has(u);
       return /* @__PURE__ */ e.jsxs(
         "label",
         {
@@ -587,7 +587,7 @@ function Ne({
           "data-state": h ? "checked" : "unchecked",
           children: [
             /* @__PURE__ */ e.jsx(
-              y.span,
+              v.span,
               {
                 className: "msj__choiceOptionBg",
                 "aria-hidden": !0,
@@ -597,22 +597,22 @@ function Ne({
             ),
             /* @__PURE__ */ e.jsxs("span", { className: "msj__choiceOptionContent", children: [
               /* @__PURE__ */ e.jsx(
-                ce.Root,
+                xe.Root,
                 {
                   className: "msj__checkbox",
                   checked: h,
                   onCheckedChange: (j) => {
-                    const p = new Set(Array.isArray(r.value) ? r.value : []);
-                    j === !0 ? p.add(u) : p.delete(u), S(r, Array.from(p));
+                    const f = new Set(Array.isArray(s.value) ? s.value : []);
+                    j === !0 ? f.add(u) : f.delete(u), T(s, Array.from(f));
                   },
-                  children: /* @__PURE__ */ e.jsx(ce.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
-                    y.span,
+                  children: /* @__PURE__ */ e.jsx(xe.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                    v.span,
                     {
                       className: "msj__checkboxIndicator",
                       initial: !1,
                       animate: h ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.9 },
                       transition: { duration: Math.max(0.12, a.duration * 0.5) },
-                      children: /* @__PURE__ */ e.jsx(Te, { active: h, duration: Math.max(0.22, a.duration * 1.2) })
+                      children: /* @__PURE__ */ e.jsx(Ie, { active: h, duration: Math.max(0.22, a.duration * 1.2) })
                     }
                   ) })
                 }
@@ -621,53 +621,53 @@ function Ne({
             ] })
           ]
         },
-        l
+        r
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: o, opts: a })
+    /* @__PURE__ */ e.jsx(L, { errors: o, opts: a })
   ] });
 }
-function Be({
+function ze({
   question: n,
   opts: t
 }) {
-  const a = n, r = R(a, t), i = t.validationSeq > 0 ? A(a) : [], o = a.visibleChoices ?? [], c = "__msj-empty__", m = a.value == null ? c : String(a.value), d = o.find((h) => String(h.value) === m), u = m === c ? t.t("selectPlaceholder") : d?.text ?? m, [l, x] = G(!1);
-  return /* @__PURE__ */ e.jsxs(T, { element: a, opts: t, children: [
+  const a = n, s = E(a, t), i = t.validationSeq > 0 ? M(a) : [], o = a.visibleChoices ?? [], c = "__msj-empty__", m = a.value == null ? c : String(a.value), d = o.find((h) => String(h.value) === m), u = m === c ? t.t("selectPlaceholder") : d?.text ?? m, [r, x] = J(!1);
+  return /* @__PURE__ */ e.jsxs(C, { element: a, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs(
-      $.Root,
+      D.Root,
       {
-        open: l,
+        open: r,
         onOpenChange: x,
         value: m,
         onValueChange: (h) => {
           if (h === c) {
-            S(a, void 0);
+            T(a, void 0);
             return;
           }
-          const j = o.find((p) => String(p.value) === h);
-          S(a, j ? j.value : h);
+          const j = o.find((f) => String(f.value) === h);
+          T(a, j ? j.value : h);
         },
         children: [
-          /* @__PURE__ */ e.jsxs($.Trigger, { className: "msj__selectTrigger", "aria-label": r, children: [
-            /* @__PURE__ */ e.jsx($.Value, { className: m === c ? "msj__selectValue msj__selectValue--placeholder" : "msj__selectValue", children: u }),
-            /* @__PURE__ */ e.jsx($.Icon, { className: "msj__selectIcon", children: "▾" })
+          /* @__PURE__ */ e.jsxs(D.Trigger, { className: "msj__selectTrigger", "aria-label": s, children: [
+            /* @__PURE__ */ e.jsx(D.Value, { className: m === c ? "msj__selectValue msj__selectValue--placeholder" : "msj__selectValue", children: u }),
+            /* @__PURE__ */ e.jsx(D.Icon, { className: "msj__selectIcon", children: "▾" })
           ] }),
-          /* @__PURE__ */ e.jsx($.Portal, { container: t.portalContainer ?? void 0, children: /* @__PURE__ */ e.jsx(D, { children: l ? /* @__PURE__ */ e.jsx($.Content, { className: "msj__selectContent", position: "popper", asChild: !0, children: /* @__PURE__ */ e.jsx(
-            y.div,
+          /* @__PURE__ */ e.jsx(D.Portal, { container: t.portalContainer ?? void 0, children: /* @__PURE__ */ e.jsx(V, { children: r ? /* @__PURE__ */ e.jsx(D.Content, { className: "msj__selectContent", position: "popper", asChild: !0, children: /* @__PURE__ */ e.jsx(
+            v.div,
             {
               initial: { opacity: 0, y: -6, scale: 0.98 },
               animate: { opacity: 1, y: 0, scale: 1 },
               exit: { opacity: 0, y: -6, scale: 0.98 },
               transition: { type: "spring", stiffness: 650, damping: 40 },
-              children: /* @__PURE__ */ e.jsxs($.Viewport, { className: "msj__selectViewport", children: [
-                /* @__PURE__ */ e.jsx($.Item, { value: c, className: "msj__selectItem", children: /* @__PURE__ */ e.jsx($.ItemText, { children: t.t("selectPlaceholder") }) }),
+              children: /* @__PURE__ */ e.jsxs(D.Viewport, { className: "msj__selectViewport", children: [
+                /* @__PURE__ */ e.jsx(D.Item, { value: c, className: "msj__selectItem", children: /* @__PURE__ */ e.jsx(D.ItemText, { children: t.t("selectPlaceholder") }) }),
                 o.map((h) => {
                   const j = String(h.value);
-                  return /* @__PURE__ */ e.jsx($.Item, { value: j, className: "msj__selectItem", children: /* @__PURE__ */ e.jsx($.ItemText, { children: h.text ?? j }) }, j);
+                  return /* @__PURE__ */ e.jsx(D.Item, { value: j, className: "msj__selectItem", children: /* @__PURE__ */ e.jsx(D.ItemText, { children: h.text ?? j }) }, j);
                 })
               ] })
             }
@@ -675,45 +675,45 @@ function Be({
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function Fe({ question: n, opts: t }) {
-  const a = n, r = a.html ?? "";
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
-    a.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: R(n, t) }) : null,
-    /* @__PURE__ */ e.jsx("div", { className: "msj__html", dangerouslySetInnerHTML: { __html: r } })
+function Ge({ question: n, opts: t }) {
+  const a = n, s = a.html ?? "";
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
+    a.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: E(n, t) }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "msj__html", dangerouslySetInnerHTML: { __html: s } })
   ] });
 }
-function Qe({ question: n, opts: t }) {
-  const a = n, r = a.imageLink ?? "", i = a.title ?? a.name;
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
-    a.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: R(n, t) }) : null,
-    r ? /* @__PURE__ */ e.jsx("img", { className: "msj__image", src: r, alt: i }) : null
+function Xe({ question: n, opts: t }) {
+  const a = n, s = a.imageLink ?? "", i = a.title ?? a.name;
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
+    a.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: E(n, t) }) : null,
+    s ? /* @__PURE__ */ e.jsx("img", { className: "msj__image", src: s, alt: i }) : null
   ] });
 }
-function Ye({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = a.displayValue ?? a.value;
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: r }),
+function Je({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = a.displayValue ?? a.value;
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__expression", children: i == null ? "" : String(i) })
   ] });
 }
-function He({ question: n, opts: t }) {
+function Ke({ question: n, opts: t }) {
   return null;
 }
-const Ue = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), We = (n) => n.replace(
+const qe = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ze = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (t, a, r) => r ? r.toUpperCase() : a.toLowerCase()
-), ke = (n) => {
-  const t = We(n);
+  (t, a, s) => s ? s.toUpperCase() : a.toLowerCase()
+), Te = (n) => {
+  const t = Ze(n);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Ce = (...n) => n.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), Ge = (n) => {
+}, Pe = (...n) => n.filter((t, a, s) => !!t && t.trim() !== "" && s.indexOf(t) === a).join(" ").trim(), et = (n) => {
   for (const t in n)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-var ze = {
+var tt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -724,103 +724,103 @@ var ze = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Xe = Se(
+const nt = Ee(
   ({
     color: n = "currentColor",
     size: t = 24,
     strokeWidth: a = 2,
-    absoluteStrokeWidth: r,
+    absoluteStrokeWidth: s,
     className: i = "",
     children: o,
     iconNode: c,
     ...m
-  }, d) => je(
+  }, d) => pe(
     "svg",
     {
       ref: d,
-      ...ze,
+      ...tt,
       width: t,
       height: t,
       stroke: n,
-      strokeWidth: r ? Number(a) * 24 / Number(t) : a,
-      className: Ce("lucide", i),
-      ...!o && !Ge(m) && { "aria-hidden": "true" },
+      strokeWidth: s ? Number(a) * 24 / Number(t) : a,
+      className: Pe("lucide", i),
+      ...!o && !et(m) && { "aria-hidden": "true" },
       ...m
     },
     [
-      ...c.map(([u, l]) => je(u, l)),
+      ...c.map(([u, r]) => pe(u, r)),
       ...Array.isArray(o) ? o : [o]
     ]
   )
 );
-const M = (n, t) => {
-  const a = Se(
-    ({ className: r, ...i }, o) => je(Xe, {
+const F = (n, t) => {
+  const a = Ee(
+    ({ className: s, ...i }, o) => pe(nt, {
       ref: o,
       iconNode: t,
-      className: Ce(
-        `lucide-${Ue(ke(n))}`,
+      className: Pe(
+        `lucide-${qe(Te(n))}`,
         `lucide-${n}`,
-        r
+        s
       ),
       ...i
     })
   );
-  return a.displayName = ke(n), a;
+  return a.displayName = Te(n), a;
 };
-const Je = [
+const at = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M16 16s-1.5-2-4-2-4 2-4 2", key: "epbg0q" }],
   ["path", { d: "M7.5 8 10 9", key: "olxxln" }],
   ["path", { d: "m14 9 2.5-1", key: "1j6cij" }],
   ["path", { d: "M9 10h.01", key: "qbtxuw" }],
   ["path", { d: "M15 10h.01", key: "1qmjsl" }]
-], Ke = M("angry", Je);
-const qe = [
+], st = F("angry", at);
+const rt = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], Ze = M("arrow-down", qe);
-const et = [
+], lt = F("arrow-down", rt);
+const it = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], tt = M("arrow-up", et);
-const nt = [
+], ot = F("arrow-up", it);
+const ct = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M16 16s-1.5-2-4-2-4 2-4 2", key: "epbg0q" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
   ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
-], at = M("frown", nt);
-const st = [
+], ut = F("frown", ct);
+const dt = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], rt = M("grip-vertical", st);
-const lt = [
+], mt = F("grip-vertical", dt);
+const ht = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12Z", key: "b2q4dd" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
   ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
-], it = M("laugh", lt);
-const ot = [
+], xt = F("laugh", ht);
+const jt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "8", x2: "16", y1: "15", y2: "15", key: "1xb1d9" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
   ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
-], ct = M("meh", ot);
-const ut = [
+], _t = F("meh", jt);
+const ft = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], dt = M("plus", ut);
-const mt = [
+], pt = F("plus", ft);
+const gt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
   ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
   ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
-], ht = M("smile", mt);
-const xt = [
+], vt = F("smile", gt);
+const yt = [
   [
     "path",
     {
@@ -828,46 +828,46 @@ const xt = [
       key: "r04s7s"
     }
   ]
-], jt = M("star", xt);
-const _t = [
+], bt = F("star", yt);
+const Nt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], ft = M("x", _t);
-function pt({ active: n }) {
-  return /* @__PURE__ */ e.jsx(jt, { size: 24, fill: n ? "currentColor" : "none", strokeWidth: 2 });
+], kt = F("x", Nt);
+function wt({ active: n }) {
+  return /* @__PURE__ */ e.jsx(bt, { size: 24, fill: n ? "currentColor" : "none", strokeWidth: 2 });
 }
-function vt({ idx: n, total: t }) {
+function St({ idx: n, total: t }) {
   const a = t > 1 ? n / (t - 1) : 0.5;
-  return a < 0.2 ? /* @__PURE__ */ e.jsx(Ke, { size: 24 }) : a < 0.4 ? /* @__PURE__ */ e.jsx(at, { size: 24 }) : a < 0.6 ? /* @__PURE__ */ e.jsx(ct, { size: 24 }) : a < 0.8 ? /* @__PURE__ */ e.jsx(ht, { size: 24 }) : /* @__PURE__ */ e.jsx(it, { size: 24 });
+  return a < 0.2 ? /* @__PURE__ */ e.jsx(st, { size: 24 }) : a < 0.4 ? /* @__PURE__ */ e.jsx(ut, { size: 24 }) : a < 0.6 ? /* @__PURE__ */ e.jsx(_t, { size: 24 }) : a < 0.8 ? /* @__PURE__ */ e.jsx(vt, { size: 24 }) : /* @__PURE__ */ e.jsx(xt, { size: 24 });
 }
-function gt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.visibleRateValues ?? [], c = n.value == null ? "" : String(n.value), m = `msj-rating-bg-${n.id}`, d = a.rateType ?? "labels", u = a.scaleColorMode, l = a.minRateDescription, x = a.maxRateDescription, h = a.displayRateDescriptionsAsExtremeItems, j = o.findIndex((p) => String(p.value) === c);
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Tt({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.visibleRateValues ?? [], c = n.value == null ? "" : String(n.value), m = `msj-rating-bg-${n.id}`, d = a.rateType ?? "labels", u = a.scaleColorMode, r = a.minRateDescription, x = a.maxRateDescription, h = a.displayRateDescriptionsAsExtremeItems, j = o.findIndex((f) => String(f.value) === c);
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "msj__rating", "data-type": d, "data-color-mode": u, children: [
-      l && !h ? /* @__PURE__ */ e.jsx("span", { className: "msj__ratingDescription msj__ratingDescription--min", children: l }) : null,
-      o.map((p, v) => {
-        const b = String(p.value);
-        let g = p.text ?? b;
-        h && (v === 0 && l && (g = l), v === o.length - 1 && x && (g = x));
-        const k = c === b, E = d === "stars" && j >= 0 ? v <= j : k;
-        let C;
-        return u === "colored" && (C = { "--msj-rating-color": `hsl(${o.length > 1 ? v / (o.length - 1) * 120 : 60}, 70%, 50%)` }), /* @__PURE__ */ e.jsxs(
-          y.button,
+      r && !h ? /* @__PURE__ */ e.jsx("span", { className: "msj__ratingDescription msj__ratingDescription--min", children: r }) : null,
+      o.map((f, p) => {
+        const b = String(f.value);
+        let g = f.text ?? b;
+        h && (p === 0 && r && (g = r), p === o.length - 1 && x && (g = x));
+        const k = c === b, I = d === "stars" && j >= 0 ? p <= j : k;
+        let $;
+        return u === "colored" && ($ = { "--msj-rating-color": `hsl(${o.length > 1 ? p / (o.length - 1) * 120 : 60}, 70%, 50%)` }), /* @__PURE__ */ e.jsxs(
+          v.button,
           {
             type: "button",
             className: "msj__ratingItem",
-            onClick: () => S(n, p.value),
+            onClick: () => T(n, f.value),
             layout: !0,
             transition: { duration: t.duration },
             "aria-label": g,
-            style: C,
+            style: $,
             children: [
               k ? /* @__PURE__ */ e.jsx(
-                y.span,
+                v.span,
                 {
                   className: "msj__ratingItemBg",
                   layoutId: m,
@@ -875,8 +875,8 @@ function gt({ question: n, opts: t }) {
                 }
               ) : null,
               /* @__PURE__ */ e.jsxs("span", { className: "msj__ratingItemContent", children: [
-                d === "stars" ? /* @__PURE__ */ e.jsx(pt, { active: E }) : null,
-                d === "smileys" ? /* @__PURE__ */ e.jsx(vt, { idx: v, total: o.length }) : null,
+                d === "stars" ? /* @__PURE__ */ e.jsx(wt, { active: I }) : null,
+                d === "smileys" ? /* @__PURE__ */ e.jsx(St, { idx: p, total: o.length }) : null,
                 d === "labels" ? g : null
               ] })
             ]
@@ -886,35 +886,35 @@ function gt({ question: n, opts: t }) {
       }),
       x && !h ? /* @__PURE__ */ e.jsx("span", { className: "msj__ratingDescription msj__ratingDescription--max", children: x }) : null
     ] }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function yt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.items ?? [], c = n.value ?? {};
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Ct({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.items ?? [], c = n.value ?? {};
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__multipleText", children: o.map((m, d) => {
       const u = `${n.id}-${m.name}`;
       return /* @__PURE__ */ e.jsxs(
-        y.div,
+        v.div,
         {
           className: "msj__multipleTextRow",
           initial: { opacity: 0, x: -8 },
           animate: { opacity: 1, x: 0 },
           transition: { delay: d * 0.05, duration: t.duration },
           children: [
-            /* @__PURE__ */ e.jsx(fe.Root, { className: "msj__labelInline", htmlFor: u, children: m.title ?? m.name }),
+            /* @__PURE__ */ e.jsx(ve.Root, { className: "msj__labelInline", htmlFor: u, children: m.title ?? m.name }),
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 id: u,
                 className: "msj__input",
                 value: c[m.name] ?? "",
-                onChange: (l) => {
-                  S(n, { ...c, [m.name]: l.currentTarget.value });
+                onChange: (r) => {
+                  T(n, { ...c, [m.name]: r.currentTarget.value });
                 }
               }
             )
@@ -923,35 +923,35 @@ function yt({ question: n, opts: t }) {
         m.name
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function bt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.visibleChoices ?? [], c = !!a.multiSelect, m = new Set(
+function Rt({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.visibleChoices ?? [], c = !!a.multiSelect, m = new Set(
     c ? Array.isArray(n.value) ? n.value : [] : [n.value]
   ), d = {
     rest: { opacity: 0 },
     hover: { opacity: 1 }
   };
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__imagePicker", children: o.map((u) => {
-      const l = String(u.value), x = m.has(u.value), h = `msj-imagePicker-bg-${n.id}`;
+      const r = String(u.value), x = m.has(u.value), h = `msj-imagePicker-bg-${n.id}`;
       return /* @__PURE__ */ e.jsxs(
-        y.button,
+        v.button,
         {
           type: "button",
           className: x ? "msj__imagePickerItem msj__imagePickerItem--active" : "msj__imagePickerItem",
           onClick: () => {
             if (!c) {
-              S(n, u.value);
+              T(n, u.value);
               return;
             }
             const j = new Set(Array.isArray(n.value) ? n.value : []);
-            j.has(u.value) ? j.delete(u.value) : j.add(u.value), S(n, Array.from(j));
+            j.has(u.value) ? j.delete(u.value) : j.add(u.value), T(n, Array.from(j));
           },
           layout: !0,
           initial: "rest",
@@ -959,7 +959,7 @@ function bt({ question: n, opts: t }) {
           transition: { duration: t.duration },
           children: [
             x ? null : /* @__PURE__ */ e.jsx(
-              y.span,
+              v.span,
               {
                 className: "msj__imagePickerHoverBg",
                 variants: d,
@@ -967,43 +967,43 @@ function bt({ question: n, opts: t }) {
               }
             ),
             x ? /* @__PURE__ */ e.jsx(
-              y.span,
+              v.span,
               {
                 className: "msj__imagePickerItemBg",
                 layoutId: h,
                 transition: { type: "spring", stiffness: 700, damping: 40 }
               }
             ) : null,
-            u.imageLink ? /* @__PURE__ */ e.jsx("img", { className: "msj__imagePickerImg", src: u.imageLink, alt: u.text ?? l }) : null,
+            u.imageLink ? /* @__PURE__ */ e.jsx("img", { className: "msj__imagePickerImg", src: u.imageLink, alt: u.text ?? r }) : null,
             u.text ? /* @__PURE__ */ e.jsx("span", { className: "msj__imagePickerLabel", children: u.text }) : null
           ]
         },
-        l
+        r
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function Nt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.visibleChoices ?? [], c = n.value == null ? "" : String(n.value), m = `msj-btnGroup-bg-${n.id}`;
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Et({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.visibleChoices ?? [], c = n.value == null ? "" : String(n.value), m = `msj-btnGroup-bg-${n.id}`;
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__buttonGroup", children: o.map((d) => {
-      const u = String(d.value), l = c === u;
+      const u = String(d.value), r = c === u;
       return /* @__PURE__ */ e.jsxs(
-        y.button,
+        v.button,
         {
           type: "button",
-          className: l ? "msj__buttonGroupItem msj__buttonGroupItem--active" : "msj__buttonGroupItem",
-          onClick: () => S(n, d.value),
+          className: r ? "msj__buttonGroupItem msj__buttonGroupItem--active" : "msj__buttonGroupItem",
+          onClick: () => T(n, d.value),
           layout: !0,
           transition: { duration: t.duration },
           children: [
-            l ? /* @__PURE__ */ e.jsx(
-              y.span,
+            r ? /* @__PURE__ */ e.jsx(
+              v.span,
               {
                 className: "msj__buttonGroupItemBg",
                 layoutId: m,
@@ -1016,35 +1016,35 @@ function Nt({ question: n, opts: t }) {
         u
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function kt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.visibleChoices ?? [], c = new Set(Array.isArray(n.value) ? n.value : []);
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function It({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.visibleChoices ?? [], c = new Set(Array.isArray(n.value) ? n.value : []);
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__tagbox", children: o.map((m) => {
-      const d = m.value, u = String(d), l = c.has(d);
+      const d = m.value, u = String(d), r = c.has(d);
       return /* @__PURE__ */ e.jsxs(
-        y.button,
+        v.button,
         {
           type: "button",
-          className: l ? "msj__tag msj__tag--active" : "msj__tag",
+          className: r ? "msj__tag msj__tag--active" : "msj__tag",
           onClick: () => {
             const x = new Set(Array.isArray(n.value) ? n.value : []);
-            x.has(d) ? x.delete(d) : x.add(d), S(n, Array.from(x));
+            x.has(d) ? x.delete(d) : x.add(d), T(n, Array.from(x));
           },
           initial: !1,
-          animate: l ? { scale: 1.02 } : { scale: 1 },
+          animate: r ? { scale: 1.02 } : { scale: 1 },
           whileHover: { scale: 1.04 },
           whileTap: { scale: 0.97 },
           transition: { type: "spring", stiffness: 500, damping: 30 },
           children: [
-            l ? /* @__PURE__ */ e.jsx(
-              y.span,
+            r ? /* @__PURE__ */ e.jsx(
+              v.span,
               {
                 className: "msj__tagBg",
                 initial: { opacity: 0, scale: 0.8 },
@@ -1058,14 +1058,14 @@ function kt({ question: n, opts: t }) {
         u
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-const he = ({
+const _e = ({
   value: n,
   text: t,
   index: a,
-  total: r,
+  total: s,
   onClick: i,
   onMoveUp: o,
   onMoveDown: c,
@@ -1073,18 +1073,18 @@ const he = ({
   longTap: d,
   enableDrag: u = !0
 }) => {
-  const l = Pe(), x = oe(null), h = (b) => {
+  const r = Fe(), x = he(null), h = (b) => {
     d && !i ? (x.current && clearTimeout(x.current), x.current = setTimeout(() => {
-      l.start(b), navigator.vibrate && navigator.vibrate(50);
-    }, 500)) : i || l.start(b);
+      r.start(b), navigator.vibrate && navigator.vibrate(50);
+    }, 500)) : i || r.start(b);
   }, j = () => {
     x.current && (clearTimeout(x.current), x.current = null);
-  }, p = (b) => {
+  }, f = (b) => {
     i && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), i());
-  }, v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "msj__rankingLabel", style: { flex: 1 }, children: t }),
     /* @__PURE__ */ e.jsxs("span", { className: "msj__rankingControls", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-      i && (m ? /* @__PURE__ */ e.jsx(ft, { size: 16 }) : /* @__PURE__ */ e.jsx(dt, { size: 16 })),
+      i && (m ? /* @__PURE__ */ e.jsx(kt, { size: 16 }) : /* @__PURE__ */ e.jsx(pt, { size: 16 })),
       !i && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         o && a !== void 0 && a > 0 && /* @__PURE__ */ e.jsx(
           "button",
@@ -1095,10 +1095,10 @@ const he = ({
               b.stopPropagation(), o();
             },
             "aria-label": "Move up",
-            children: /* @__PURE__ */ e.jsx(tt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(ot, { size: 16 })
           }
         ),
-        c && a !== void 0 && r !== void 0 && a < r - 1 && /* @__PURE__ */ e.jsx(
+        c && a !== void 0 && s !== void 0 && a < s - 1 && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
@@ -1107,7 +1107,7 @@ const he = ({
               b.stopPropagation(), c();
             },
             "aria-label": "Move down",
-            children: /* @__PURE__ */ e.jsx(Ze, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(lt, { size: 16 })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -1123,21 +1123,21 @@ const he = ({
               alignItems: "center",
               padding: "4px"
             },
-            children: /* @__PURE__ */ e.jsx(rt, { size: 16, className: "msj__muted" })
+            children: /* @__PURE__ */ e.jsx(mt, { size: 16, className: "msj__muted" })
           }
         )
       ] })
     ] })
   ] });
   return u ? /* @__PURE__ */ e.jsx(
-    _e.Item,
+    ge.Item,
     {
       value: n,
       className: "msj__rankingItem",
       dragListener: !1,
-      dragControls: l,
+      dragControls: r,
       onClick: i,
-      onKeyDown: p,
+      onKeyDown: f,
       tabIndex: i ? 0 : void 0,
       role: i ? "button" : void 0,
       "aria-label": i ? `${m ? "Remove" : "Add"} ${t}` : void 0,
@@ -1146,14 +1146,14 @@ const he = ({
         touchAction: "none"
         // Important for drag to work reliably on mobile
       },
-      children: v
+      children: p
     }
   ) : /* @__PURE__ */ e.jsx(
     "li",
     {
       className: "msj__rankingItem",
       onClick: i,
-      onKeyDown: p,
+      onKeyDown: f,
       tabIndex: i ? 0 : void 0,
       role: i ? "button" : void 0,
       "aria-label": i ? `${m ? "Remove" : "Add"} ${t}` : void 0,
@@ -1161,37 +1161,37 @@ const he = ({
         cursor: i ? "pointer" : "default",
         touchAction: "none"
       },
-      children: v
+      children: p
     }
   );
 };
-function wt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.visibleChoices ?? [], c = Array.isArray(n.value) ? n.value : [], m = a.selectToRankEnabled === !0, d = a.selectToRankAreasLayout || "horizontal", u = a.selectToRankEmptyRankedAreaText || "Drag items here to rank them", l = a.selectToRankEmptyUnrankedAreaText || "All items ranked", x = a.longTap === !0, h = m ? c : [.../* @__PURE__ */ new Set([...c, ...o.map((g) => g.value)])], j = m ? o.filter((g) => !c.includes(g.value)).map((g) => g.value) : [], p = (g) => {
-    S(n, g);
-  }, v = (g) => {
+function Pt({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.visibleChoices ?? [], c = Array.isArray(n.value) ? n.value : [], m = a.selectToRankEnabled === !0, d = a.selectToRankAreasLayout || "horizontal", u = a.selectToRankEmptyRankedAreaText || "Drag items here to rank them", r = a.selectToRankEmptyUnrankedAreaText || "All items ranked", x = a.longTap === !0, h = m ? c : [.../* @__PURE__ */ new Set([...c, ...o.map((g) => g.value)])], j = m ? o.filter((g) => !c.includes(g.value)).map((g) => g.value) : [], f = (g) => {
+    T(n, g);
+  }, p = (g) => {
     const k = [...c, g];
-    S(n, k);
+    T(n, k);
   }, b = (g) => {
-    const k = c.filter((E) => E !== g);
-    S(n, k);
+    const k = c.filter((I) => I !== g);
+    T(n, k);
   };
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     m ? /* @__PURE__ */ e.jsxs("div", { className: `msj__rankingContainer msj__rankingContainer--${d}`, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "msj__rankingArea", children: [
         /* @__PURE__ */ e.jsx("div", { className: "msj__rankingAreaTitle", children: "Choices" }),
-        j.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "msj__rankingEmpty", children: l }),
-        /* @__PURE__ */ e.jsx(y.ul, { className: "msj__ranking", layout: !0, children: /* @__PURE__ */ e.jsx(D, { initial: !1, children: j.map((g) => {
-          const k = String(g), E = o.find((C) => C.value === g)?.text ?? k;
-          return /* @__PURE__ */ e.jsx(y.div, { layout: !0, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, children: /* @__PURE__ */ e.jsx(
-            he,
+        j.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "msj__rankingEmpty", children: r }),
+        /* @__PURE__ */ e.jsx(v.ul, { className: "msj__ranking", layout: !0, children: /* @__PURE__ */ e.jsx(V, { initial: !1, children: j.map((g) => {
+          const k = String(g), I = o.find(($) => $.value === g)?.text ?? k;
+          return /* @__PURE__ */ e.jsx(v.div, { layout: !0, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, children: /* @__PURE__ */ e.jsx(
+            _e,
             {
               value: g,
-              text: E,
-              onClick: () => v(g),
+              text: I,
+              onClick: () => p(g),
               isRanked: !1,
               longTap: x,
               enableDrag: !1
@@ -1202,13 +1202,13 @@ function wt({ question: n, opts: t }) {
       /* @__PURE__ */ e.jsxs("div", { className: "msj__rankingArea", children: [
         /* @__PURE__ */ e.jsx("div", { className: "msj__rankingAreaTitle", children: "Ranked" }),
         h.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "msj__rankingEmpty", children: u }),
-        /* @__PURE__ */ e.jsx(_e.Group, { axis: "y", values: h, onReorder: p, className: "msj__ranking", children: /* @__PURE__ */ e.jsx(D, { initial: !1, children: h.map((g) => {
-          const k = String(g), E = o.find((C) => C.value === g)?.text ?? k;
+        /* @__PURE__ */ e.jsx(ge.Group, { axis: "y", values: h, onReorder: f, className: "msj__ranking", children: /* @__PURE__ */ e.jsx(V, { initial: !1, children: h.map((g) => {
+          const k = String(g), I = o.find(($) => $.value === g)?.text ?? k;
           return /* @__PURE__ */ e.jsx(
-            he,
+            _e,
             {
               value: g,
-              text: E,
+              text: I,
               onClick: () => b(g),
               isRanked: !0,
               longTap: x
@@ -1217,54 +1217,54 @@ function wt({ question: n, opts: t }) {
           );
         }) }) })
       ] })
-    ] }) : /* @__PURE__ */ e.jsx(_e.Group, { axis: "y", values: h, onReorder: p, className: "msj__ranking", children: h.map((g, k) => {
-      const E = String(g), C = o.find((I) => I.value === g)?.text ?? E, B = () => {
+    ] }) : /* @__PURE__ */ e.jsx(ge.Group, { axis: "y", values: h, onReorder: f, className: "msj__ranking", children: h.map((g, k) => {
+      const I = String(g), $ = o.find((P) => P.value === g)?.text ?? I, Q = () => {
         if (k > 0) {
-          const I = [...h], F = I[k];
-          I[k] = I[k - 1], I[k - 1] = F, p(I);
+          const P = [...h], Y = P[k];
+          P[k] = P[k - 1], P[k - 1] = Y, f(P);
         }
-      }, z = () => {
+      }, K = () => {
         if (k < h.length - 1) {
-          const I = [...h], F = I[k];
-          I[k] = I[k + 1], I[k + 1] = F, p(I);
+          const P = [...h], Y = P[k];
+          P[k] = P[k + 1], P[k + 1] = Y, f(P);
         }
       };
       return /* @__PURE__ */ e.jsx(
-        he,
+        _e,
         {
           value: g,
-          text: C,
+          text: $,
           index: k,
           total: h.length,
-          onMoveUp: B,
-          onMoveDown: z,
+          onMoveUp: Q,
+          onMoveDown: K,
           longTap: x
         },
-        E
+        I
       );
     }) }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-async function St(n) {
+async function At(n) {
   const t = await new Promise((a) => {
-    const r = new FileReader();
-    r.onload = () => a(String(r.result ?? "")), r.readAsDataURL(n);
+    const s = new FileReader();
+    s.onload = () => a(String(s.result ?? "")), s.readAsDataURL(n);
   });
   return { name: n.name, type: n.type, content: t };
 }
-function Tt({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], [o, c] = G(!1), m = async (d) => {
-    const u = await Promise.all(d.map(St));
-    S(n, a.allowMultiple === !0 ? u : u[0] ?? void 0);
+function Lt({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], [o, c] = J(!1), m = async (d) => {
+    const u = await Promise.all(d.map(At));
+    T(n, a.allowMultiple === !0 ? u : u[0] ?? void 0);
   };
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs(
-      y.div,
+      v.div,
       {
         className: "msj__fileDropZone",
         initial: !1,
@@ -1296,12 +1296,12 @@ function Tt({ question: n, opts: t }) {
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function Ct({ question: n, opts: t }) {
-  const a = R(n, t), r = t.validationSeq > 0 ? A(n) : [], i = oe(null), o = oe(!1), [c, m] = G(0);
-  return ie(() => {
+function $t({ question: n, opts: t }) {
+  const a = E(n, t), s = t.validationSeq > 0 ? M(n) : [], i = he(null), o = he(!1), [c, m] = J(0);
+  return me(() => {
     const d = i.current;
     if (!d) return;
     let u = null;
@@ -1312,29 +1312,29 @@ function Ct({ question: n, opts: t }) {
     }
     if (!u) return;
     u.lineWidth = 2, u.lineCap = "round", u.strokeStyle = "rgba(15, 23, 42, 0.9)";
-    const l = (p) => {
-      const v = d.getBoundingClientRect(), b = d.width / v.width, g = d.height / v.height;
+    const r = (f) => {
+      const p = d.getBoundingClientRect(), b = d.width / p.width, g = d.height / p.height;
       return {
-        x: (p.clientX - v.left) * b,
-        y: (p.clientY - v.top) * g
+        x: (f.clientX - p.left) * b,
+        y: (f.clientY - p.top) * g
       };
-    }, x = (p) => {
+    }, x = (f) => {
       o.current = !0;
       try {
-        d.setPointerCapture(p.pointerId);
+        d.setPointerCapture(f.pointerId);
       } catch {
       }
-      const v = l(p);
-      u.beginPath(), u.moveTo(v.x, v.y);
-    }, h = (p) => {
+      const p = r(f);
+      u.beginPath(), u.moveTo(p.x, p.y);
+    }, h = (f) => {
       if (!o.current) return;
-      const v = l(p);
-      u.lineTo(v.x, v.y), u.stroke();
+      const p = r(f);
+      u.lineTo(p.x, p.y), u.stroke();
     }, j = () => {
       if (o.current) {
         o.current = !1;
         try {
-          S(n, d.toDataURL("image/png"));
+          T(n, d.toDataURL("image/png"));
         } catch {
         }
       }
@@ -1342,14 +1342,14 @@ function Ct({ question: n, opts: t }) {
     return d.addEventListener("pointerdown", x), d.addEventListener("pointermove", h), window.addEventListener("pointerup", j), () => {
       d.removeEventListener("pointerdown", x), d.removeEventListener("pointermove", h), window.removeEventListener("pointerup", j);
     };
-  }, [n, c]), /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+  }, [n, c]), /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
       a,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "msj__signaturePadWrap", children: [
       /* @__PURE__ */ e.jsx(
-        y.canvas,
+        v.canvas,
         {
           ref: i,
           className: "msj__signaturePad",
@@ -1362,33 +1362,33 @@ function Ct({ question: n, opts: t }) {
         c
       ),
       /* @__PURE__ */ e.jsx(
-        y.button,
+        v.button,
         {
           type: "button",
           className: "msj__miniButton",
           whileHover: { scale: 1.05 },
           whileTap: { scale: 0.95 },
           onClick: () => {
-            m((d) => d + 1), S(n, void 0);
+            m((d) => d + 1), T(n, void 0);
           },
           children: "Clear"
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(P, { errors: r, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: s, opts: t })
   ] });
 }
-function Rt({
+function Mt({
   question: n,
   opts: t,
   render: a
 }) {
-  const r = n, i = R(n, t), o = r.panels ?? [];
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+  const s = n, i = E(n, t), o = s.panels ?? [];
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: i }),
     /* @__PURE__ */ e.jsxs("div", { className: "msj__panelDynamic", children: [
-      /* @__PURE__ */ e.jsx(D, { mode: "popLayout", children: o.map((c, m) => /* @__PURE__ */ e.jsxs(
-        y.div,
+      /* @__PURE__ */ e.jsx(V, { mode: "popLayout", children: o.map((c, m) => /* @__PURE__ */ e.jsxs(
+        v.div,
         {
           className: "msj__panelDynamicItem",
           initial: { opacity: 0, y: -10, scale: 0.98 },
@@ -1401,12 +1401,12 @@ function Rt({
                 "Item ",
                 m + 1
               ] }),
-              r.removePanel ? /* @__PURE__ */ e.jsx(
-                y.button,
+              s.removePanel ? /* @__PURE__ */ e.jsx(
+                v.button,
                 {
                   type: "button",
                   className: "msj__miniButton",
-                  onClick: () => r.removePanel?.(c),
+                  onClick: () => s.removePanel?.(c),
                   whileHover: { scale: 1.05 },
                   whileTap: { scale: 0.95 },
                   children: "Remove"
@@ -1418,12 +1418,12 @@ function Rt({
         },
         c.name ?? m
       )) }),
-      r.addPanel ? /* @__PURE__ */ e.jsx(
-        y.button,
+      s.addPanel ? /* @__PURE__ */ e.jsx(
+        v.button,
         {
           type: "button",
           className: "msj__button",
-          onClick: () => r.addPanel?.(),
+          onClick: () => s.addPanel?.(),
           whileHover: { scale: 1.02 },
           whileTap: { scale: 0.98 },
           transition: { type: "spring", stiffness: 400, damping: 25 },
@@ -1433,77 +1433,77 @@ function Rt({
     ] })
   ] });
 }
-function Et({ question: n, opts: t }) {
-  const a = n, r = R(n, t), i = t.validationSeq > 0 ? A(n) : [], o = a.rows ?? a.visibleRows ?? [], c = a.columns ?? a.visibleColumns ?? [], m = n.value ?? {}, d = a.cellType === "checkbox";
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Ot({ question: n, opts: t }) {
+  const a = n, s = E(n, t), i = t.validationSeq > 0 ? M(n) : [], o = a.rows ?? a.visibleRows ?? [], c = a.columns ?? a.visibleColumns ?? [], m = n.value ?? {}, d = a.cellType === "checkbox";
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
-      r,
+      s,
       n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "msj__matrix", style: { "--msj-matrix-cols": String(c.length) }, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "msj__matrixHeader", "aria-hidden": !0, children: [
         /* @__PURE__ */ e.jsx("div", { className: "msj__matrixHeaderCell msj__matrixCorner" }),
         c.map((u) => {
-          const l = String(u.value);
-          return /* @__PURE__ */ e.jsx("div", { className: "msj__matrixHeaderCell", children: u.text ?? l }, l);
+          const r = String(u.value);
+          return /* @__PURE__ */ e.jsx("div", { className: "msj__matrixHeaderCell", children: u.text ?? r }, r);
         })
       ] }),
       o.map((u) => {
-        const l = String(u.value), x = u.text ?? l;
+        const r = String(u.value), x = u.text ?? r;
         return /* @__PURE__ */ e.jsxs("div", { className: "msj__matrixRow", children: [
           /* @__PURE__ */ e.jsx("div", { className: "msj__matrixRowTitle", children: x }),
           d ? /* @__PURE__ */ e.jsx("div", { className: "msj__matrixRowChoices", children: c.map((h) => {
-            const j = String(h.value), p = Array.isArray(m[l]) ? m[l] : [], v = p.includes(h.value);
-            return /* @__PURE__ */ e.jsx("label", { className: "msj__matrixCell", "data-state": v ? "checked" : "unchecked", children: /* @__PURE__ */ e.jsx(
-              ce.Root,
+            const j = String(h.value), f = Array.isArray(m[r]) ? m[r] : [], p = f.includes(h.value);
+            return /* @__PURE__ */ e.jsx("label", { className: "msj__matrixCell", "data-state": p ? "checked" : "unchecked", children: /* @__PURE__ */ e.jsx(
+              xe.Root,
               {
                 className: "msj__checkbox",
-                checked: v,
+                checked: p,
                 onCheckedChange: (b) => {
-                  const g = new Set(p);
-                  b === !0 ? g.add(h.value) : g.delete(h.value), S(n, { ...m, [l]: Array.from(g) });
+                  const g = new Set(f);
+                  b === !0 ? g.add(h.value) : g.delete(h.value), T(n, { ...m, [r]: Array.from(g) });
                 },
-                children: /* @__PURE__ */ e.jsx(ce.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
-                  y.span,
+                children: /* @__PURE__ */ e.jsx(xe.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                  v.span,
                   {
                     className: "msj__checkboxIndicator",
                     initial: !1,
-                    animate: v ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.9 },
+                    animate: p ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.9 },
                     transition: { duration: Math.max(0.12, t.duration * 0.5) },
-                    children: /* @__PURE__ */ e.jsx(Te, { active: v, duration: Math.max(0.22, t.duration * 1.2) })
+                    children: /* @__PURE__ */ e.jsx(Ie, { active: p, duration: Math.max(0.22, t.duration * 1.2) })
                   }
                 ) })
               }
             ) }, j);
           }) }) : /* @__PURE__ */ e.jsx(
-            V.Root,
+            H.Root,
             {
               className: "msj__matrixRowChoices",
-              value: m[l] == null ? "" : String(m[l]),
+              value: m[r] == null ? "" : String(m[r]),
               onValueChange: (h) => {
-                S(n, { ...m, [l]: h });
+                T(n, { ...m, [r]: h });
               },
               children: c.map((h) => {
-                const j = String(h.value), p = h.text ?? j, v = String(m[l] ?? "") === j;
-                return /* @__PURE__ */ e.jsx(V.Item, { value: j, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                const j = String(h.value), f = h.text ?? j, p = String(m[r] ?? "") === j;
+                return /* @__PURE__ */ e.jsx(H.Item, { value: j, asChild: !0, children: /* @__PURE__ */ e.jsx(
                   "button",
                   {
                     type: "button",
                     className: "msj__matrixCell",
-                    "aria-label": `${x}: ${p}`,
-                    "data-state": v ? "checked" : "unchecked",
+                    "aria-label": `${x}: ${f}`,
+                    "data-state": p ? "checked" : "unchecked",
                     children: /* @__PURE__ */ e.jsxs("span", { className: "msj__radioItem", "aria-hidden": !0, children: [
-                      /* @__PURE__ */ e.jsx(V.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
-                        y.span,
+                      /* @__PURE__ */ e.jsx(H.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                        v.span,
                         {
                           className: "msj__radioIndicator",
                           initial: !1,
-                          animate: v ? { scale: 1, opacity: 1 } : { scale: 0, opacity: 0 },
-                          transition: v ? { type: "spring", stiffness: 900, damping: 45 } : { duration: Math.max(0.12, t.duration * 0.4) }
+                          animate: p ? { scale: 1, opacity: 1 } : { scale: 0, opacity: 0 },
+                          transition: p ? { type: "spring", stiffness: 900, damping: 45 } : { duration: Math.max(0.12, t.duration * 0.4) }
                         }
                       ) }),
-                      v ? /* @__PURE__ */ e.jsx(
-                        y.span,
+                      p ? /* @__PURE__ */ e.jsx(
+                        v.span,
                         {
                           className: "msj__radioPulse",
                           initial: { scale: 0.8, opacity: 0.28 },
@@ -1513,143 +1513,163 @@ function Et({ question: n, opts: t }) {
                       ) : null
                     ] })
                   }
-                ) }, `${l}:${j}`);
+                ) }, `${r}:${j}`);
               })
             }
           )
-        ] }, l);
+        ] }, r);
       })
     ] }),
-    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+    /* @__PURE__ */ e.jsx(L, { errors: i, opts: t })
   ] });
 }
-function It({ question: n, opts: t }) {
-  const a = R(n, t);
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Dt({ question: n, opts: t }) {
+  const a = E(n, t);
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__unsupported", children: "Matrix Dropdown is not yet fully supported." })
   ] });
 }
-function Pt({ question: n, opts: t }) {
-  const a = R(n, t);
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+function Ft({ question: n, opts: t }) {
+  const a = E(n, t);
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
     /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "msj__unsupported", children: "Matrix Dynamic is not yet fully supported." })
   ] });
 }
-function xe({
+function fe({
   element: n,
   opts: t,
   render: a
 }) {
-  const r = n, i = r.elements ?? [];
-  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
-    r.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: r.title }) : null,
+  const s = n, i = s.elements ?? [];
+  return /* @__PURE__ */ e.jsxs(C, { element: n, opts: t, children: [
+    s.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__label", children: s.title }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "msj__panel", children: i.map((o, c) => {
       const m = typeof o.getType == "function" ? o.getType() : "unknown", d = o.name ?? `${m}-${c}`;
       return /* @__PURE__ */ e.jsx("div", { children: a(o, t) }, d);
     }) })
   ] });
 }
-function Z(n, t) {
+function re(n, t) {
   const a = typeof n.getType == "function" ? n.getType() : "unknown";
-  if (!(n instanceof ue))
+  if (!(n instanceof je))
     switch (a) {
       case "flowpanel":
-        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+        return /* @__PURE__ */ e.jsx(fe, { element: n, opts: t, render: re });
       case "page":
-        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+        return /* @__PURE__ */ e.jsx(fe, { element: n, opts: t, render: re });
       default:
-        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+        return /* @__PURE__ */ e.jsx(fe, { element: n, opts: t, render: re });
     }
-  const r = n;
+  const s = n;
   switch (a) {
     case "comment":
-      return /* @__PURE__ */ e.jsx(De, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(We, { question: s, opts: t });
     case "boolean":
-      return /* @__PURE__ */ e.jsx(Ve, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ue, { question: s, opts: t });
     case "radiogroup":
-      return /* @__PURE__ */ e.jsx(Ne, { question: r, isMulti: !1, opts: t });
+      return /* @__PURE__ */ e.jsx(Se, { question: s, isMulti: !1, opts: t });
     case "checkbox":
-      return /* @__PURE__ */ e.jsx(Ne, { question: r, isMulti: !0, opts: t });
+      return /* @__PURE__ */ e.jsx(Se, { question: s, isMulti: !0, opts: t });
     case "dropdown":
-      return /* @__PURE__ */ e.jsx(Be, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(ze, { question: s, opts: t });
     case "tagbox":
-      return /* @__PURE__ */ e.jsx(kt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(It, { question: s, opts: t });
     case "buttongroup":
-      return /* @__PURE__ */ e.jsx(Nt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Et, { question: s, opts: t });
     case "ranking":
-      return /* @__PURE__ */ e.jsx(wt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Pt, { question: s, opts: t });
     case "imagepicker":
-      return /* @__PURE__ */ e.jsx(bt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Rt, { question: s, opts: t });
     case "file":
-      return /* @__PURE__ */ e.jsx(Tt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Lt, { question: s, opts: t });
     case "signaturepad":
-      return /* @__PURE__ */ e.jsx(Ct, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx($t, { question: s, opts: t });
     case "paneldynamic":
-      return /* @__PURE__ */ e.jsx(Rt, { question: r, opts: t, render: Z });
+      return /* @__PURE__ */ e.jsx(Mt, { question: s, opts: t, render: re });
     case "matrix":
-      return /* @__PURE__ */ e.jsx(Et, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ot, { question: s, opts: t });
     case "matrixdropdown":
-      return /* @__PURE__ */ e.jsx(It, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Dt, { question: s, opts: t });
     case "matrixdynamic":
-      return /* @__PURE__ */ e.jsx(Pt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ft, { question: s, opts: t });
     case "html":
-      return /* @__PURE__ */ e.jsx(Fe, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ge, { question: s, opts: t });
     case "image":
-      return /* @__PURE__ */ e.jsx(Qe, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Xe, { question: s, opts: t });
     case "expression":
-      return /* @__PURE__ */ e.jsx(Ye, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Je, { question: s, opts: t });
     case "empty":
-      return /* @__PURE__ */ e.jsx(He, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ke, { question: s, opts: t });
     case "rating":
-      return /* @__PURE__ */ e.jsx(gt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Tt, { question: s, opts: t });
     case "multipletext":
-      return /* @__PURE__ */ e.jsx(yt, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ct, { question: s, opts: t });
     case "text":
     default:
-      return /* @__PURE__ */ e.jsx(Oe, { question: r, opts: t });
+      return /* @__PURE__ */ e.jsx(Ye, { question: s, opts: t });
   }
 }
-const At = "Previous", Lt = "Next", $t = "Complete", Mt = "Thanks!", Ot = "Your responses have been recorded.", Dt = "Select…", Vt = "{count}/{max} words", Bt = "Page {current} of {total}", Ft = {
-  back: At,
-  next: Lt,
-  complete: $t,
-  thanksTitle: Mt,
-  thanksHint: Ot,
-  selectPlaceholder: Dt,
-  wordCount: Vt,
-  pageXofY: Bt
-}, Qt = "Previous", Yt = "Next", Ht = "Complete", Ut = "Thanks!", Wt = "Your responses have been recorded.", Gt = "Select…", zt = "{count}/{max} words", Xt = "Page {current} of {total}", Jt = {
-  back: Qt,
-  next: Yt,
+function Ce({ survey: n }) {
+  const t = n.logo;
+  if (!t) return null;
+  const a = n.logoWidth, s = n.logoHeight, i = n.logoFit ?? "contain", o = n.logoPosition ?? "left";
+  if (o === "none") return null;
+  const c = {
+    objectFit: i,
+    width: a ? typeof a == "number" ? `${a}px` : a : void 0,
+    height: s ? typeof s == "number" ? `${s}px` : s : void 0
+  };
+  return /* @__PURE__ */ e.jsx(
+    "img",
+    {
+      src: t,
+      alt: "Survey Logo",
+      className: `msj__logo msj__logo--${o}`,
+      style: c
+    }
+  );
+}
+const Bt = "Previous", Vt = "Next", Ht = "Complete", Qt = "Thanks!", Yt = "Your responses have been recorded.", Wt = "Select…", Ut = "{count}/{max} words", zt = "Page {current} of {total}", Gt = {
+  back: Bt,
+  next: Vt,
   complete: Ht,
-  thanksTitle: Ut,
-  thanksHint: Wt,
-  selectPlaceholder: Gt,
-  wordCount: zt,
-  pageXofY: Xt
-}, we = {
-  "en-US": Jt,
-  "en-GB": Ft
+  thanksTitle: Qt,
+  thanksHint: Yt,
+  selectPlaceholder: Wt,
+  wordCount: Ut,
+  pageXofY: zt
+}, Xt = "Previous", Jt = "Next", Kt = "Complete", qt = "Thanks!", Zt = "Your responses have been recorded.", en = "Select…", tn = "{count}/{max} words", nn = "Page {current} of {total}", an = {
+  back: Xt,
+  next: Jt,
+  complete: Kt,
+  thanksTitle: qt,
+  thanksHint: Zt,
+  selectPlaceholder: en,
+  wordCount: tn,
+  pageXofY: nn
+}, Re = {
+  "en-US": an,
+  "en-GB": Gt
 };
-function Kt(n) {
-  return we[n ?? "en-US"] ?? we["en-US"];
+function sn(n) {
+  return Re[n ?? "en-US"] ?? Re["en-US"];
 }
-function qt({
+function rn({
   locale: n,
   messages: t
 }) {
-  const r = { ...Kt(n), ...t ?? {} };
+  const s = { ...sn(n), ...t ?? {} };
   return (i, o) => {
-    let c = r[i] ?? i;
+    let c = s[i] ?? i;
     if (o)
       for (const [m, d] of Object.entries(o))
         c = c.replaceAll(`{${m}}`, String(d));
     return c;
   };
 }
-function Zt() {
+function ln() {
   return /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -1673,7 +1693,7 @@ function Zt() {
     }
   );
 }
-function en() {
+function on() {
   return /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -1697,11 +1717,11 @@ function en() {
     }
   );
 }
-function sn({
+function mn({
   json: n,
   model: t,
   data: a,
-  onComplete: r,
+  onComplete: s,
   animate: i = !0,
   animationDurationMs: o = 180,
   theme: c = "modern",
@@ -1709,93 +1729,107 @@ function sn({
   messages: d,
   className: u
 }) {
-  const l = pe(() => {
+  const r = ye(() => {
     if (t) return t;
-    const s = n ?? {}, _ = s.showQuestionNumbers === void 0 ? { ...s, showQuestionNumbers: "onPage" } : s, f = new Ee(_);
-    return a && (f.data = a), f;
-  }, [t, n, a]), [, x] = ve((s) => s + 1, 0), [h, j] = ve(
-    (s, _) => _.type === "setPage" ? { pageName: _.pageName, seq: 0 } : s.pageName !== _.pageName ? { pageName: _.pageName, seq: 1 } : { pageName: s.pageName, seq: s.seq + 1 },
+    const _ = n ?? {}, S = _.showQuestionNumbers === void 0 ? { ..._, showQuestionNumbers: "onPage" } : _, N = new Oe(S);
+    return a && (N.data = a), N;
+  }, [t, n, a]), [, x] = be((_) => _ + 1, 0), [h, j] = be(
+    (_, S) => S.type === "setPage" ? { pageName: S.pageName, seq: 0 } : _.pageName !== S.pageName ? { pageName: S.pageName, seq: 1 } : { pageName: _.pageName, seq: _.seq + 1 },
     { pageName: null, seq: 0 }
-  ), p = oe(null), v = o / 1e3, b = pe(() => qt({ locale: m, messages: d }), [m, d]), [g, k] = G(null), E = [
+  ), f = he(null), p = o / 1e3, b = ye(() => rn({ locale: m, messages: d }), [m, d]), [g, k] = J(null), I = [
     "msj",
     c ? `msj--theme-${c}` : null,
     u
-  ].filter(Boolean).join(" ");
-  if (ie(() => {
-    const s = () => x(), _ = () => {
-      j({ type: "setPage", pageName: l.currentPage?.name ?? null }), s();
-    }, f = () => {
-      r?.(l.data, l), s();
+  ].filter(Boolean).join(" "), $ = r.logoPosition ?? "left", Q = r.backgroundImage, K = r.backgroundImageFit ?? "auto", P = r.backgroundImageAttachment ?? "scroll", Y = r.backgroundOpacity ?? 1, U = Q ? {
+    backgroundImage: `url(${Q})`,
+    backgroundSize: K,
+    backgroundAttachment: P,
+    opacity: Y
+  } : void 0;
+  if (me(() => {
+    const _ = () => x(), S = () => {
+      j({ type: "setPage", pageName: r.currentPage?.name ?? null }), _();
+    }, N = () => {
+      s?.(r.data, r), _();
     };
-    return l.onValueChanged.add(s), l.onCurrentPageChanged.add(_), l.onComplete.add(f), () => {
-      l.onValueChanged.remove(s), l.onCurrentPageChanged.remove(_), l.onComplete.remove(f);
+    return r.onValueChanged.add(_), r.onCurrentPageChanged.add(S), r.onComplete.add(N), () => {
+      r.onValueChanged.remove(_), r.onCurrentPageChanged.remove(S), r.onComplete.remove(N);
     };
-  }, [l, r]), ie(() => {
-    const s = p.current;
-    if (!s) return;
-    p.current = null;
-    const _ = typeof window < "u" && window.CSS && typeof window.CSS.escape == "function" ? window.CSS.escape : (L) => L.replaceAll('"', '\\"'), f = document.querySelector(`[data-msj-question="${_(s)}"]`);
-    if (!f) return;
-    const N = f.querySelector(
+  }, [r, s]), me(() => {
+    const _ = f.current;
+    if (!_) return;
+    f.current = null;
+    const S = typeof window < "u" && window.CSS && typeof window.CSS.escape == "function" ? window.CSS.escape : (W) => W.replaceAll('"', '\\"'), N = document.querySelector(`[data-msj-question="${S(_)}"]`);
+    if (!N) return;
+    const A = N.querySelector(
       'input, textarea, select, button, [tabindex]:not([tabindex="-1"])'
     );
     try {
-      f.scrollIntoView({ behavior: "smooth", block: "center" });
+      N.scrollIntoView({ behavior: "smooth", block: "center" });
     } catch {
-      f.scrollIntoView();
+      N.scrollIntoView();
     }
-    N?.focus({ preventScroll: !0 });
-  }), l.state === "completed")
-    return /* @__PURE__ */ e.jsx("div", { className: E, children: /* @__PURE__ */ e.jsxs("div", { className: "msj__card", children: [
-      /* @__PURE__ */ e.jsx("h2", { className: "msj__title", children: b("thanksTitle") }),
-      /* @__PURE__ */ e.jsx("div", { className: "msj__hint", children: b("thanksHint") })
+    A?.focus({ preventScroll: !0 });
+  }), r.state === "loading") {
+    const _ = r.loadingHtml;
+    return /* @__PURE__ */ e.jsx("div", { className: I, children: /* @__PURE__ */ e.jsx("div", { className: "msj__card", children: _ ? /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: _ } }) : /* @__PURE__ */ e.jsx("div", { className: "msj__hint", children: "Loading..." }) }) });
+  }
+  if (r.state === "completed") {
+    const _ = r.completedHtml, S = r.completedBeforeHtml;
+    return /* @__PURE__ */ e.jsx("div", { className: I, children: /* @__PURE__ */ e.jsxs("div", { className: "msj__card", children: [
+      S ? /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: S } }) : null,
+      _ ? /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: _ } }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("h2", { className: "msj__title", children: b("thanksTitle") }),
+        /* @__PURE__ */ e.jsx("div", { className: "msj__hint", children: b("thanksHint") })
+      ] })
     ] }) });
-  const C = l.currentPage, B = C?.questions ?? [], z = C?.elements ?? B, I = h.pageName === (C?.name ?? null) ? h.seq : 0, F = l.showPageTitles !== !1, U = l.showPageNumbers === !0, Q = l.showQuestionNumbers, de = Q === !0 ? "on" : Q === !1 ? "off" : Q === "off" || Q === "on" || Q === "onPage" ? Q : "onPage", W = l.navigationButtonsLocation ?? "bottom", ee = l.showNavigationButtons !== !1, te = C?.navigationButtonsVisibility ?? "inherit", H = te === "hide" ? !1 : te === "show" ? !0 : ee, ne = l.showPrevButton !== !1, ae = H && ne && !l.isFirstPage, se = H && !l.isLastPage, re = H && l.isLastPage, X = (s) => W === "topBottom" || W === s ? /* @__PURE__ */ e.jsxs("div", { className: s === "top" ? "msj__nav msj__nav--top" : "msj__nav", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--left", children: /* @__PURE__ */ e.jsx(D, { initial: !1, children: ae ? /* @__PURE__ */ e.jsxs(
-      y.button,
+  }
+  const O = r.currentPage, q = O?.questions ?? [], Z = O?.elements ?? q, le = h.pageName === (O?.name ?? null) ? h.seq : 0, ie = r.showPageTitles !== !1, z = r.showPageNumbers === !0, B = r.showQuestionNumbers, oe = B === !0 ? "on" : B === !1 ? "off" : B === "off" || B === "on" || B === "onPage" ? B : "onPage", ee = r.navigationButtonsLocation ?? "bottom", ce = r.showNavigationButtons !== !1, te = O?.navigationButtonsVisibility ?? "inherit", l = te === "hide" ? !1 : te === "show" ? !0 : ce, y = r.showPrevButton !== !1, w = l && y && !r.isFirstPage, R = l && !r.isLastPage, G = l && r.isLastPage, X = (_) => ee === "topBottom" || ee === _ ? /* @__PURE__ */ e.jsxs("div", { className: _ === "top" ? "msj__nav msj__nav--top" : "msj__nav", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--left", children: /* @__PURE__ */ e.jsx(V, { initial: !1, children: w ? /* @__PURE__ */ e.jsxs(
+      v.button,
       {
         type: "button",
         className: "msj__button msj__button--nav",
         onClick: () => {
-          l.prevPage(), x();
+          r.prevPage(), x();
         },
         initial: i ? { opacity: 0, x: -6 } : !1,
         animate: i ? { opacity: 1, x: 0 } : void 0,
         exit: i ? { opacity: 0, x: -6 } : void 0,
-        transition: { duration: v },
+        transition: { duration: p },
         whileHover: i ? { x: -2 } : void 0,
         whileTap: i ? { scale: 0.98 } : void 0,
         children: [
-          /* @__PURE__ */ e.jsx(Zt, {}),
+          /* @__PURE__ */ e.jsx(ln, {}),
           b("back")
         ]
       },
       "prev"
     ) : null }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--center", children: /* @__PURE__ */ e.jsx(D, { initial: !1, children: re ? /* @__PURE__ */ e.jsx(
-      y.button,
+    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--center", children: /* @__PURE__ */ e.jsx(V, { initial: !1, children: G ? /* @__PURE__ */ e.jsx(
+      v.button,
       {
         type: "button",
         className: "msj__button msj__button--primary msj__button--complete",
         onClick: () => {
-          let f = !1;
+          let N = !1;
           try {
-            f = l.validateCurrentPage();
+            N = r.validateCurrentPage();
           } catch {
-            f = !1;
+            N = !1;
           }
-          if (!f) {
-            const N = B.find((L) => L.hasErrors());
-            p.current = N?.name ?? null, j({ type: "bump", pageName: C?.name ?? null }), x();
+          if (!N) {
+            const A = q.find((W) => W.hasErrors());
+            f.current = A?.name ?? null, j({ type: "bump", pageName: O?.name ?? null }), x();
             return;
           }
-          l.tryComplete(), x();
+          r.tryComplete(), x();
         },
         initial: i ? { opacity: 0, y: 6, scale: 0.98 } : !1,
         animate: i ? { opacity: 1, y: 0, scale: 1 } : void 0,
         exit: i ? { opacity: 0, y: 6, scale: 0.98 } : void 0,
         transition: {
-          duration: v,
+          duration: p,
           x: { type: "tween", duration: 0.32, ease: "easeInOut" },
           rotate: { type: "tween", duration: 0.32, ease: "easeInOut" }
         },
@@ -1808,98 +1842,103 @@ function sn({
       },
       "complete"
     ) : null }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--right", children: /* @__PURE__ */ e.jsx(D, { initial: !1, children: se ? /* @__PURE__ */ e.jsxs(
-      y.button,
+    /* @__PURE__ */ e.jsx("div", { className: "msj__navSlot msj__navSlot--right", children: /* @__PURE__ */ e.jsx(V, { initial: !1, children: R ? /* @__PURE__ */ e.jsxs(
+      v.button,
       {
         type: "button",
         className: "msj__button msj__button--primary msj__button--navPrimary",
         onClick: () => {
-          let f = !1;
+          let N = !1;
           try {
-            f = l.validateCurrentPage();
+            N = r.validateCurrentPage();
           } catch {
-            f = !1;
+            N = !1;
           }
-          if (!f) {
-            const N = B.find((L) => L.hasErrors());
-            p.current = N?.name ?? null, j({ type: "bump", pageName: C?.name ?? null }), x();
+          if (!N) {
+            const A = q.find((W) => W.hasErrors());
+            f.current = A?.name ?? null, j({ type: "bump", pageName: O?.name ?? null }), x();
             return;
           }
-          l.nextPage(), x();
+          r.nextPage(), x();
         },
         initial: i ? { opacity: 0, x: 6 } : !1,
         animate: i ? { opacity: 1, x: 0 } : void 0,
         exit: i ? { opacity: 0, x: 6 } : void 0,
-        transition: { duration: v },
+        transition: { duration: p },
         whileHover: i ? { x: 2 } : void 0,
         whileTap: i ? { scale: 0.98 } : void 0,
         children: [
           b("next"),
-          /* @__PURE__ */ e.jsx(en, {})
+          /* @__PURE__ */ e.jsx(on, {})
         ]
       },
       "next"
     ) : null }) })
   ] }) : null;
-  return /* @__PURE__ */ e.jsx("div", { className: E, ref: k, children: /* @__PURE__ */ e.jsxs("div", { className: "msj__card", children: [
-    l.title ? /* @__PURE__ */ e.jsx("h2", { className: "msj__title", children: l.title }) : null,
-    X("top"),
-    /* @__PURE__ */ e.jsx(D, { mode: "wait", initial: !1, children: /* @__PURE__ */ e.jsxs(
-      y.div,
-      {
-        initial: i ? { opacity: 0, y: 8 } : !1,
-        animate: i ? { opacity: 1, y: 0 } : void 0,
-        exit: i ? { opacity: 0, y: -8 } : void 0,
-        transition: { duration: v },
-        children: [
-          F || U ? /* @__PURE__ */ e.jsxs("div", { className: "msj__pageHeader", children: [
-            F && C?.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__pageTitle", children: C.title }) : null,
-            U ? /* @__PURE__ */ e.jsx("div", { className: "msj__pageNumber", children: b("pageXofY", {
-              current: (l.currentPageNo ?? 0) + 1,
-              total: l.pages?.length ?? 0
-            }) }) : null
-          ] }) : null,
-          (() => {
-            const s = (l.pages ?? []).slice(0, l.currentPageNo ?? 0).reduce((f, N) => f + (N.questions ?? []).length, 0);
-            return z.reduce(
-              (f, N, L) => {
-                const O = typeof N.getType == "function" ? N.getType() : "unknown", w = N instanceof ue && O !== "html" && O !== "image" && O !== "expression" && O !== "empty", Y = w ? f.pageQuestionIndex : -1, J = w ? f.globalQuestionIndex : -1, me = N.name ?? `${O}-${L}`;
-                return {
-                  items: [
-                    ...f.items,
-                    /* @__PURE__ */ e.jsx("div", { children: Z(
-                      N,
-                      {
-                        animate: i,
-                        duration: v,
-                        t: b,
-                        validationSeq: I,
-                        questionIndex: Y,
-                        globalQuestionIndex: J,
-                        showQuestionNumbers: de,
-                        portalContainer: g
-                      }
-                    ) }, me)
-                  ],
-                  pageQuestionIndex: w ? f.pageQuestionIndex + 1 : f.pageQuestionIndex,
-                  globalQuestionIndex: w ? f.globalQuestionIndex + 1 : f.globalQuestionIndex
-                };
-              },
-              {
-                items: [],
-                pageQuestionIndex: 0,
-                globalQuestionIndex: s
-              }
-            ).items;
-          })()
-        ]
-      },
-      C?.name ?? "page"
-    ) }),
-    X("bottom")
-  ] }) });
+  return /* @__PURE__ */ e.jsxs("div", { className: I, ref: k, children: [
+    U ? /* @__PURE__ */ e.jsx("div", { className: "msj__background", style: U }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__card", children: [
+      $ !== "bottom" ? /* @__PURE__ */ e.jsx(Ce, { survey: r }) : null,
+      r.title ? /* @__PURE__ */ e.jsx("h2", { className: "msj__title", children: r.title }) : null,
+      X("top"),
+      /* @__PURE__ */ e.jsx(V, { mode: "wait", initial: !1, children: /* @__PURE__ */ e.jsxs(
+        v.div,
+        {
+          initial: i ? { opacity: 0, y: 8 } : !1,
+          animate: i ? { opacity: 1, y: 0 } : void 0,
+          exit: i ? { opacity: 0, y: -8 } : void 0,
+          transition: { duration: p },
+          children: [
+            ie || z ? /* @__PURE__ */ e.jsxs("div", { className: "msj__pageHeader", children: [
+              ie && O?.title ? /* @__PURE__ */ e.jsx("div", { className: "msj__pageTitle", children: O.title }) : null,
+              z ? /* @__PURE__ */ e.jsx("div", { className: "msj__pageNumber", children: b("pageXofY", {
+                current: (r.currentPageNo ?? 0) + 1,
+                total: r.pages?.length ?? 0
+              }) }) : null
+            ] }) : null,
+            (() => {
+              const _ = (r.pages ?? []).slice(0, r.currentPageNo ?? 0).reduce((N, A) => N + (A.questions ?? []).length, 0);
+              return Z.reduce(
+                (N, A, W) => {
+                  const ne = typeof A.getType == "function" ? A.getType() : "unknown", ue = A instanceof je && ne !== "html" && ne !== "image" && ne !== "expression" && ne !== "empty", Ae = ue ? N.pageQuestionIndex : -1, Le = ue ? N.globalQuestionIndex : -1, $e = A.name ?? `${ne}-${W}`;
+                  return {
+                    items: [
+                      ...N.items,
+                      /* @__PURE__ */ e.jsx("div", { children: re(
+                        A,
+                        {
+                          animate: i,
+                          duration: p,
+                          t: b,
+                          validationSeq: le,
+                          questionIndex: Ae,
+                          globalQuestionIndex: Le,
+                          showQuestionNumbers: oe,
+                          portalContainer: g
+                        }
+                      ) }, $e)
+                    ],
+                    pageQuestionIndex: ue ? N.pageQuestionIndex + 1 : N.pageQuestionIndex,
+                    globalQuestionIndex: ue ? N.globalQuestionIndex + 1 : N.globalQuestionIndex
+                  };
+                },
+                {
+                  items: [],
+                  pageQuestionIndex: 0,
+                  globalQuestionIndex: _
+                }
+              ).items;
+            })()
+          ]
+        },
+        O?.name ?? "page"
+      ) }),
+      X("bottom"),
+      $ === "bottom" ? /* @__PURE__ */ e.jsx(Ce, { survey: r }) : null
+    ] })
+  ] });
 }
 export {
-  sn as MotionSurvey
+  mn as MotionSurvey
 };
 //# sourceMappingURL=index.js.map