motion-surveyjs-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1905 @@
+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;
+  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function a(r, i, o) {
+    var c = null;
+    if (o !== void 0 && (c = "" + o), i.key !== void 0 && (c = "" + i.key), "key" in i) {
+      o = {};
+      for (var m in i)
+        m !== "key" && (o[m] = i[m]);
+    } else o = i;
+    return i = o.ref, {
+      $$typeof: n,
+      type: r,
+      key: c,
+      ref: i !== void 0 ? i : null,
+      props: o
+    };
+  }
+  return K.Fragment = t, K.jsx = a, K.jsxs = a, K;
+}
+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) {
+        case b:
+          return "Fragment";
+        case k:
+          return "Profiler";
+        case g:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case I:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof s == "object")
+        switch (typeof s.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:
+            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 U:
+            _ = s._payload, s = s._init;
+            try {
+              return n(s(_));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(s) {
+      return "" + s;
+    }
+    function a(s) {
+      try {
+        t(s);
+        var _ = !1;
+      } catch {
+        _ = !0;
+      }
+      if (_) {
+        _ = console;
+        var f = _.error, N = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return f.call(
+          _,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          N
+        ), t(s);
+      }
+    }
+    function r(s) {
+      if (s === b) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === U)
+        return "<...>";
+      try {
+        var _ = n(s);
+        return _ ? "<" + _ + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var s = W.A;
+      return s === null ? null : s.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;
+      }
+      return s.key !== void 0;
+    }
+    function m(s, _) {
+      function f() {
+        ne || (ne = !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)",
+          _
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function d() {
+      var s = n(this.type);
+      return ae[s] || (ae[s] = !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;
+    }
+    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", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: O
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    }
+    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);
+          } 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";
+        });
+        N = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", X[w + N] || (Y = 0 < Y.length ? "{" + Y.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);
+      }
+      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
+      ), u(
+        s,
+        w,
+        f,
+        i(),
+        L,
+        O
+      );
+    }
+    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 h(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === p;
+    }
+    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() {
+      return null;
+    };
+    j = {
+      react_stack_bottom_frame: function(s) {
+        return s();
+      }
+    };
+    var ne, ae = {}, se = 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,
+        !1,
+        N ? Error("react-stack-top-frame") : se,
+        N ? H(r(s)) : re
+      );
+    }, q.jsxs = function(s, _, f) {
+      var N = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return l(
+        s,
+        _,
+        f,
+        !0,
+        N ? Error("react-stack-top-frame") : se,
+        N ? H(r(s)) : re
+      );
+    };
+  })()), q;
+}
+var be;
+function $e() {
+  return be || (be = 1, process.env.NODE_ENV === "production" ? le.exports = Ae() : le.exports = Le()), le.exports;
+}
+var e = $e();
+function T({
+  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(() => {
+    t.animate && o && c.start({
+      x: [0, -6, 6, -4, 0],
+      transition: { duration: 0.32, ease: "easeInOut" }
+    });
+  }, [c, o, t.animate, t.validationSeq]);
+  const m = n.name;
+  return /* @__PURE__ */ e.jsx(
+    y.div,
+    {
+      className: o ? "msj__question msj__question--invalid" : "msj__question",
+      "data-msj-element": m,
+      "data-msj-question": i?.name,
+      initial: t.animate ? { opacity: 0.85, y: 12 } : !1,
+      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 })
+    }
+  );
+}
+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,
+    {
+      className: "msj__error",
+      layout: !0,
+      initial: t.animate ? { opacity: 0, y: -2 } : !1,
+      animate: t.animate ? { opacity: 1, y: 0 } : void 0,
+      exit: t.animate ? { opacity: 0, y: -2 } : void 0,
+      transition: { duration: t.duration * 0.75 },
+      children: a
+    },
+    a
+  )) });
+}
+function R(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) {
+  const t = n;
+  return (typeof t.getText == "function" ? t.getText() : t.text) ?? "";
+}
+function A(n) {
+  return (n.errors ?? []).map(Me).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);
+      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,
+      a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      y.div,
+      {
+        className: "msj__inputWrap",
+        initial: !1,
+        animate: o ? { scale: 1.01 } : { scale: 1 },
+        transition: { type: "spring", stiffness: 400, damping: 30 },
+        children: /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            id: a.id,
+            className: "msj__input",
+            value: a.value ?? "",
+            onChange: (m) => S(a, m.currentTarget.value),
+            onFocus: () => c(!0),
+            onBlur: () => c(!1)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+  ] });
+}
+function De({
+  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,
+      a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      y.div,
+      {
+        className: "msj__textareaWrap",
+        initial: !1,
+        animate: o ? { scale: 1.005 } : { scale: 1 },
+        transition: { type: "spring", stiffness: 400, damping: 30 },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "textarea",
+            {
+              id: a.id,
+              className: "msj__textarea",
+              value: m,
+              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);
+                  return;
+                }
+                S(a, `${p.slice(0, d).join(" ")} `);
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            y.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 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+  ] });
+}
+function Ve({
+  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);
+  };
+  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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      V.Root,
+      {
+        className: "msj__toggleSwitch",
+        value: l,
+        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--right", children: b }),
+            /* @__PURE__ */ e.jsx(
+              y.div,
+              {
+                className: `msj__toggleHandle ${l === "true" ? "msj__toggleHandle--true" : l === "false" ? "msj__toggleHandle--false" : ""}`,
+                initial: !1,
+                animate: { left: h, x: j, width: p },
+                transition: { type: "spring", stiffness: 500, damping: 30 },
+                children: /* @__PURE__ */ e.jsx(
+                  y.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 : ""
+                  },
+                  l || "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(P, { errors: i, opts: t })
+  ] });
+}
+function Te({
+  active: n,
+  duration: t,
+  size: a = 14
+}) {
+  return /* @__PURE__ */ e.jsx(
+    y.svg,
+    {
+      className: "msj__checkmark",
+      width: a,
+      height: a,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ e.jsx(
+        y.path,
+        {
+          d: "M3.2 8.4 6.6 11.8 12.8 4.8",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          pathLength: 1,
+          initial: !1,
+          animate: n ? { pathLength: 1, opacity: 1 } : { pathLength: 0, opacity: 0 },
+          transition: { duration: t }
+        }
+      )
+    }
+  );
+}
+function Ne({
+  question: n,
+  isMulti: t,
+  opts: a
+}) {
+  const r = n, i = R(r, a), o = a.validationSeq > 0 ? A(r) : [], c = r.visibleChoices ?? [];
+  if (!t) {
+    const d = r.value == null ? "" : String(r.value);
+    return /* @__PURE__ */ e.jsxs(T, { element: r, opts: a, children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+        i,
+        r.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        V.Root,
+        {
+          className: "msj__choiceList",
+          value: d,
+          onValueChange: (u) => {
+            const l = c.find((x) => String(x.value) === u);
+            S(r, l ? l.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,
+              {
+                type: "button",
+                className: "msj__choiceOption",
+                layout: !0,
+                transition: { duration: a.duration },
+                children: [
+                  h ? /* @__PURE__ */ e.jsx(
+                    y.span,
+                    {
+                      className: "msj__choiceOptionBg",
+                      layoutId: j,
+                      transition: { type: "spring", stiffness: 700, damping: 40 }
+                    }
+                  ) : 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,
+                        {
+                          className: "msj__radioIndicator",
+                          initial: !1,
+                          animate: h ? { scale: 1, opacity: 1 } : { scale: 0, opacity: 0 },
+                          transition: h ? { type: "spring", stiffness: 900, damping: 45 } : { duration: Math.max(0.12, a.duration * 0.4) }
+                        }
+                      ) }),
+                      h ? /* @__PURE__ */ e.jsx(
+                        y.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`
+                      ) : null
+                    ] }),
+                    /* @__PURE__ */ e.jsx("span", { children: x })
+                  ] })
+                ]
+              }
+            ) }, l);
+          })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(P, { errors: o, opts: a })
+    ] });
+  }
+  const m = new Set(Array.isArray(r.value) ? r.value : []);
+  return /* @__PURE__ */ e.jsxs(T, { element: r, opts: a, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      i,
+      r.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);
+      return /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          className: "msj__choiceOption",
+          "data-state": h ? "checked" : "unchecked",
+          children: [
+            /* @__PURE__ */ e.jsx(
+              y.span,
+              {
+                className: "msj__choiceOptionBg",
+                "aria-hidden": !0,
+                animate: { opacity: h ? 1 : 0 },
+                transition: { duration: a.duration }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs("span", { className: "msj__choiceOptionContent", children: [
+              /* @__PURE__ */ e.jsx(
+                ce.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));
+                  },
+                  children: /* @__PURE__ */ e.jsx(ce.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                    y.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) })
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ e.jsx("span", { children: x })
+            ] })
+          ]
+        },
+        l
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { errors: o, opts: a })
+  ] });
+}
+function Be({
+  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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      a.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      $.Root,
+      {
+        open: l,
+        onOpenChange: x,
+        value: m,
+        onValueChange: (h) => {
+          if (h === c) {
+            S(a, void 0);
+            return;
+          }
+          const j = o.find((p) => String(p.value) === h);
+          S(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.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,
+            {
+              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") }) }),
+                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);
+                })
+              ] })
+            }
+          ) }) : null }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(P, { 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 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 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 }),
+    /* @__PURE__ */ e.jsx("div", { className: "msj__expression", children: i == null ? "" : String(i) })
+  ] });
+}
+function He({ question: n, opts: t }) {
+  return null;
+}
+const Ue = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), We = (n) => n.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, a, r) => r ? r.toUpperCase() : a.toLowerCase()
+), ke = (n) => {
+  const t = We(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) => {
+  for (const t in n)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const Xe = Se(
+  ({
+    color: n = "currentColor",
+    size: t = 24,
+    strokeWidth: a = 2,
+    absoluteStrokeWidth: r,
+    className: i = "",
+    children: o,
+    iconNode: c,
+    ...m
+  }, d) => je(
+    "svg",
+    {
+      ref: d,
+      ...ze,
+      width: t,
+      height: t,
+      stroke: n,
+      strokeWidth: r ? Number(a) * 24 / Number(t) : a,
+      className: Ce("lucide", i),
+      ...!o && !Ge(m) && { "aria-hidden": "true" },
+      ...m
+    },
+    [
+      ...c.map(([u, l]) => je(u, l)),
+      ...Array.isArray(o) ? o : [o]
+    ]
+  )
+);
+const M = (n, t) => {
+  const a = Se(
+    ({ className: r, ...i }, o) => je(Xe, {
+      ref: o,
+      iconNode: t,
+      className: Ce(
+        `lucide-${Ue(ke(n))}`,
+        `lucide-${n}`,
+        r
+      ),
+      ...i
+    })
+  );
+  return a.displayName = ke(n), a;
+};
+const Je = [
+  ["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 = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], Ze = M("arrow-down", qe);
+const et = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], tt = M("arrow-up", et);
+const nt = [
+  ["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 = [
+  ["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 = [
+  ["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 = [
+  ["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 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], dt = M("plus", ut);
+const mt = [
+  ["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 = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+], jt = M("star", xt);
+const _t = [
+  ["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 });
+}
+function vt({ 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 });
+}
+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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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,
+          {
+            type: "button",
+            className: "msj__ratingItem",
+            onClick: () => S(n, p.value),
+            layout: !0,
+            transition: { duration: t.duration },
+            "aria-label": g,
+            style: C,
+            children: [
+              k ? /* @__PURE__ */ e.jsx(
+                y.span,
+                {
+                  className: "msj__ratingItemBg",
+                  layoutId: m,
+                  transition: { type: "spring", stiffness: 700, damping: 40 }
+                }
+              ) : 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 === "labels" ? g : null
+              ] })
+            ]
+          },
+          b
+        );
+      }),
+      x && !h ? /* @__PURE__ */ e.jsx("span", { className: "msj__ratingDescription msj__ratingDescription--max", children: x }) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(P, { 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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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,
+        {
+          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(
+              "input",
+              {
+                id: u,
+                className: "msj__input",
+                value: c[m.name] ?? "",
+                onChange: (l) => {
+                  S(n, { ...c, [m.name]: l.currentTarget.value });
+                }
+              }
+            )
+          ]
+        },
+        m.name
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { 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(
+    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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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}`;
+      return /* @__PURE__ */ e.jsxs(
+        y.button,
+        {
+          type: "button",
+          className: x ? "msj__imagePickerItem msj__imagePickerItem--active" : "msj__imagePickerItem",
+          onClick: () => {
+            if (!c) {
+              S(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));
+          },
+          layout: !0,
+          initial: "rest",
+          whileHover: x ? void 0 : "hover",
+          transition: { duration: t.duration },
+          children: [
+            x ? null : /* @__PURE__ */ e.jsx(
+              y.span,
+              {
+                className: "msj__imagePickerHoverBg",
+                variants: d,
+                transition: { type: "spring", stiffness: 700, damping: 45 }
+              }
+            ),
+            x ? /* @__PURE__ */ e.jsx(
+              y.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.text ? /* @__PURE__ */ e.jsx("span", { className: "msj__imagePickerLabel", children: u.text }) : null
+          ]
+        },
+        l
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { 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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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;
+      return /* @__PURE__ */ e.jsxs(
+        y.button,
+        {
+          type: "button",
+          className: l ? "msj__buttonGroupItem msj__buttonGroupItem--active" : "msj__buttonGroupItem",
+          onClick: () => S(n, d.value),
+          layout: !0,
+          transition: { duration: t.duration },
+          children: [
+            l ? /* @__PURE__ */ e.jsx(
+              y.span,
+              {
+                className: "msj__buttonGroupItemBg",
+                layoutId: m,
+                transition: { type: "spring", stiffness: 700, damping: 40 }
+              }
+            ) : null,
+            /* @__PURE__ */ e.jsx("span", { className: "msj__buttonGroupItemContent", children: d.text ?? u })
+          ]
+        },
+        u
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { 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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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);
+      return /* @__PURE__ */ e.jsxs(
+        y.button,
+        {
+          type: "button",
+          className: l ? "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));
+          },
+          initial: !1,
+          animate: l ? { 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,
+              {
+                className: "msj__tagBg",
+                initial: { opacity: 0, scale: 0.8 },
+                animate: { opacity: 1, scale: 1 },
+                transition: { type: "spring", stiffness: 500, damping: 35 }
+              }
+            ) : null,
+            /* @__PURE__ */ e.jsx("span", { className: "msj__tagContent", children: m.text ?? u })
+          ]
+        },
+        u
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+  ] });
+}
+const he = ({
+  value: n,
+  text: t,
+  index: a,
+  total: r,
+  onClick: i,
+  onMoveUp: o,
+  onMoveDown: c,
+  isRanked: m,
+  longTap: d,
+  enableDrag: u = !0
+}) => {
+  const l = Pe(), x = oe(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);
+  }, j = () => {
+    x.current && (clearTimeout(x.current), x.current = null);
+  }, p = (b) => {
+    i && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), i());
+  }, v = /* @__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 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        o && a !== void 0 && a > 0 && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "msj__miniButton",
+            onClick: (b) => {
+              b.stopPropagation(), o();
+            },
+            "aria-label": "Move up",
+            children: /* @__PURE__ */ e.jsx(tt, { size: 16 })
+          }
+        ),
+        c && a !== void 0 && r !== void 0 && a < r - 1 && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "msj__miniButton",
+            onClick: (b) => {
+              b.stopPropagation(), c();
+            },
+            "aria-label": "Move down",
+            children: /* @__PURE__ */ e.jsx(Ze, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "msj__dragHandle",
+            onPointerDown: h,
+            onPointerUp: j,
+            onPointerLeave: j,
+            style: {
+              cursor: d ? "context-menu" : "grab",
+              display: "flex",
+              alignItems: "center",
+              padding: "4px"
+            },
+            children: /* @__PURE__ */ e.jsx(rt, { size: 16, className: "msj__muted" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+  return u ? /* @__PURE__ */ e.jsx(
+    _e.Item,
+    {
+      value: n,
+      className: "msj__rankingItem",
+      dragListener: !1,
+      dragControls: l,
+      onClick: i,
+      onKeyDown: p,
+      tabIndex: i ? 0 : void 0,
+      role: i ? "button" : void 0,
+      "aria-label": i ? `${m ? "Remove" : "Add"} ${t}` : void 0,
+      style: {
+        cursor: i ? "pointer" : "default",
+        touchAction: "none"
+        // Important for drag to work reliably on mobile
+      },
+      children: v
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    "li",
+    {
+      className: "msj__rankingItem",
+      onClick: i,
+      onKeyDown: p,
+      tabIndex: i ? 0 : void 0,
+      role: i ? "button" : void 0,
+      "aria-label": i ? `${m ? "Remove" : "Add"} ${t}` : void 0,
+      style: {
+        cursor: i ? "pointer" : "default",
+        touchAction: "none"
+      },
+      children: v
+    }
+  );
+};
+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) => {
+    const k = [...c, g];
+    S(n, k);
+  }, b = (g) => {
+    const k = c.filter((E) => E !== g);
+    S(n, k);
+  };
+  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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,
+            {
+              value: g,
+              text: E,
+              onClick: () => v(g),
+              isRanked: !1,
+              longTap: x,
+              enableDrag: !1
+            }
+          ) }, k);
+        }) }) })
+      ] }),
+      /* @__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;
+          return /* @__PURE__ */ e.jsx(
+            he,
+            {
+              value: g,
+              text: E,
+              onClick: () => b(g),
+              isRanked: !0,
+              longTap: x
+            },
+            k
+          );
+        }) }) })
+      ] })
+    ] }) : /* @__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 = () => {
+        if (k > 0) {
+          const I = [...h], F = I[k];
+          I[k] = I[k - 1], I[k - 1] = F, p(I);
+        }
+      }, z = () => {
+        if (k < h.length - 1) {
+          const I = [...h], F = I[k];
+          I[k] = I[k + 1], I[k + 1] = F, p(I);
+        }
+      };
+      return /* @__PURE__ */ e.jsx(
+        he,
+        {
+          value: g,
+          text: C,
+          index: k,
+          total: h.length,
+          onMoveUp: B,
+          onMoveDown: z,
+          longTap: x
+        },
+        E
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx(P, { errors: i, opts: t })
+  ] });
+}
+async function St(n) {
+  const t = await new Promise((a) => {
+    const r = new FileReader();
+    r.onload = () => a(String(r.result ?? "")), r.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);
+  };
+  return /* @__PURE__ */ e.jsxs(T, { element: n, opts: t, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      n.isRequired ? /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, children: " *" }) : null
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      y.div,
+      {
+        className: "msj__fileDropZone",
+        initial: !1,
+        animate: o ? { scale: 1.02, borderColor: "var(--msj-primary)" } : { scale: 1, borderColor: "var(--msj-border)" },
+        transition: { type: "spring", stiffness: 400, damping: 25 },
+        onDragOver: (d) => {
+          d.preventDefault(), c(!0);
+        },
+        onDragLeave: () => c(!1),
+        onDrop: async (d) => {
+          d.preventDefault(), c(!1);
+          const u = Array.from(d.dataTransfer.files);
+          u.length > 0 && await m(u);
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              className: "msj__fileInput",
+              type: "file",
+              multiple: a.allowMultiple === !0,
+              onChange: async (d) => {
+                const u = Array.from(d.currentTarget.files ?? []);
+                await m(u);
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx("span", { className: "msj__fileDropText", children: o ? "Drop files here" : "Click or drag files here" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(P, { 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(() => {
+    const d = i.current;
+    if (!d) return;
+    let u = null;
+    try {
+      u = d.getContext("2d");
+    } catch {
+      return;
+    }
+    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;
+      return {
+        x: (p.clientX - v.left) * b,
+        y: (p.clientY - v.top) * g
+      };
+    }, x = (p) => {
+      o.current = !0;
+      try {
+        d.setPointerCapture(p.pointerId);
+      } catch {
+      }
+      const v = l(p);
+      u.beginPath(), u.moveTo(v.x, v.y);
+    }, h = (p) => {
+      if (!o.current) return;
+      const v = l(p);
+      u.lineTo(v.x, v.y), u.stroke();
+    }, j = () => {
+      if (o.current) {
+        o.current = !1;
+        try {
+          S(n, d.toDataURL("image/png"));
+        } catch {
+        }
+      }
+    };
+    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: [
+    /* @__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,
+        {
+          ref: i,
+          className: "msj__signaturePad",
+          width: 560,
+          height: 160,
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          transition: { duration: 0.2 }
+        },
+        c
+      ),
+      /* @__PURE__ */ e.jsx(
+        y.button,
+        {
+          type: "button",
+          className: "msj__miniButton",
+          whileHover: { scale: 1.05 },
+          whileTap: { scale: 0.95 },
+          onClick: () => {
+            m((d) => d + 1), S(n, void 0);
+          },
+          children: "Clear"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(P, { errors: r, opts: t })
+  ] });
+}
+function Rt({
+  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: [
+    /* @__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,
+        {
+          className: "msj__panelDynamicItem",
+          initial: { opacity: 0, y: -10, scale: 0.98 },
+          animate: { opacity: 1, y: 0, scale: 1 },
+          exit: { opacity: 0, y: 10, scale: 0.98 },
+          transition: { type: "spring", stiffness: 500, damping: 35 },
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "msj__panelDynamicHeader", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "msj__panelDynamicTitle", children: [
+                "Item ",
+                m + 1
+              ] }),
+              r.removePanel ? /* @__PURE__ */ e.jsx(
+                y.button,
+                {
+                  type: "button",
+                  className: "msj__miniButton",
+                  onClick: () => r.removePanel?.(c),
+                  whileHover: { scale: 1.05 },
+                  whileTap: { scale: 0.95 },
+                  children: "Remove"
+                }
+              ) : null
+            ] }),
+            a(c, t)
+          ]
+        },
+        c.name ?? m
+      )) }),
+      r.addPanel ? /* @__PURE__ */ e.jsx(
+        y.button,
+        {
+          type: "button",
+          className: "msj__button",
+          onClick: () => r.addPanel?.(),
+          whileHover: { scale: 1.02 },
+          whileTap: { scale: 0.98 },
+          transition: { type: "spring", stiffness: 400, damping: 25 },
+          children: "Add item"
+        }
+      ) : null
+    ] })
+  ] });
+}
+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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "msj__label", children: [
+      r,
+      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);
+        })
+      ] }),
+      o.map((u) => {
+        const l = String(u.value), x = u.text ?? l;
+        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,
+              {
+                className: "msj__checkbox",
+                checked: v,
+                onCheckedChange: (b) => {
+                  const g = new Set(p);
+                  b === !0 ? g.add(h.value) : g.delete(h.value), S(n, { ...m, [l]: Array.from(g) });
+                },
+                children: /* @__PURE__ */ e.jsx(ce.Indicator, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e.jsx(
+                  y.span,
+                  {
+                    className: "msj__checkboxIndicator",
+                    initial: !1,
+                    animate: v ? { 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) })
+                  }
+                ) })
+              }
+            ) }, j);
+          }) }) : /* @__PURE__ */ e.jsx(
+            V.Root,
+            {
+              className: "msj__matrixRowChoices",
+              value: m[l] == null ? "" : String(m[l]),
+              onValueChange: (h) => {
+                S(n, { ...m, [l]: 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(
+                  "button",
+                  {
+                    type: "button",
+                    className: "msj__matrixCell",
+                    "aria-label": `${x}: ${p}`,
+                    "data-state": v ? "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,
+                        {
+                          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) }
+                        }
+                      ) }),
+                      v ? /* @__PURE__ */ e.jsx(
+                        y.span,
+                        {
+                          className: "msj__radioPulse",
+                          initial: { scale: 0.8, opacity: 0.28 },
+                          animate: { scale: 2.2, opacity: 0 },
+                          transition: { duration: Math.max(0.22, t.duration * 1.4) }
+                        }
+                      ) : null
+                    ] })
+                  }
+                ) }, `${l}:${j}`);
+              })
+            }
+          )
+        ] }, l);
+      })
+    ] }),
+    /* @__PURE__ */ e.jsx(P, { 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: [
+    /* @__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: [
+    /* @__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({
+  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,
+    /* @__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) {
+  const a = typeof n.getType == "function" ? n.getType() : "unknown";
+  if (!(n instanceof ue))
+    switch (a) {
+      case "flowpanel":
+        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+      case "page":
+        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+      default:
+        return /* @__PURE__ */ e.jsx(xe, { element: n, opts: t, render: Z });
+    }
+  const r = n;
+  switch (a) {
+    case "comment":
+      return /* @__PURE__ */ e.jsx(De, { question: r, opts: t });
+    case "boolean":
+      return /* @__PURE__ */ e.jsx(Ve, { question: r, opts: t });
+    case "radiogroup":
+      return /* @__PURE__ */ e.jsx(Ne, { question: r, isMulti: !1, opts: t });
+    case "checkbox":
+      return /* @__PURE__ */ e.jsx(Ne, { question: r, isMulti: !0, opts: t });
+    case "dropdown":
+      return /* @__PURE__ */ e.jsx(Be, { question: r, opts: t });
+    case "tagbox":
+      return /* @__PURE__ */ e.jsx(kt, { question: r, opts: t });
+    case "buttongroup":
+      return /* @__PURE__ */ e.jsx(Nt, { question: r, opts: t });
+    case "ranking":
+      return /* @__PURE__ */ e.jsx(wt, { question: r, opts: t });
+    case "imagepicker":
+      return /* @__PURE__ */ e.jsx(bt, { question: r, opts: t });
+    case "file":
+      return /* @__PURE__ */ e.jsx(Tt, { question: r, opts: t });
+    case "signaturepad":
+      return /* @__PURE__ */ e.jsx(Ct, { question: r, opts: t });
+    case "paneldynamic":
+      return /* @__PURE__ */ e.jsx(Rt, { question: r, opts: t, render: Z });
+    case "matrix":
+      return /* @__PURE__ */ e.jsx(Et, { question: r, opts: t });
+    case "matrixdropdown":
+      return /* @__PURE__ */ e.jsx(It, { question: r, opts: t });
+    case "matrixdynamic":
+      return /* @__PURE__ */ e.jsx(Pt, { question: r, opts: t });
+    case "html":
+      return /* @__PURE__ */ e.jsx(Fe, { question: r, opts: t });
+    case "image":
+      return /* @__PURE__ */ e.jsx(Qe, { question: r, opts: t });
+    case "expression":
+      return /* @__PURE__ */ e.jsx(Ye, { question: r, opts: t });
+    case "empty":
+      return /* @__PURE__ */ e.jsx(He, { question: r, opts: t });
+    case "rating":
+      return /* @__PURE__ */ e.jsx(gt, { question: r, opts: t });
+    case "multipletext":
+      return /* @__PURE__ */ e.jsx(yt, { question: r, opts: t });
+    case "text":
+    default:
+      return /* @__PURE__ */ e.jsx(Oe, { question: r, 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,
+  complete: Ht,
+  thanksTitle: Ut,
+  thanksHint: Wt,
+  selectPlaceholder: Gt,
+  wordCount: zt,
+  pageXofY: Xt
+}, we = {
+  "en-US": Jt,
+  "en-GB": Ft
+};
+function Kt(n) {
+  return we[n ?? "en-US"] ?? we["en-US"];
+}
+function qt({
+  locale: n,
+  messages: t
+}) {
+  const r = { ...Kt(n), ...t ?? {} };
+  return (i, o) => {
+    let c = r[i] ?? i;
+    if (o)
+      for (const [m, d] of Object.entries(o))
+        c = c.replaceAll(`{${m}}`, String(d));
+    return c;
+  };
+}
+function Zt() {
+  return /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      className: "msj__navIcon",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": !0,
+      focusable: "false",
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M10 3.5 6 8l4 4.5",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function en() {
+  return /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      className: "msj__navIcon",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": !0,
+      focusable: "false",
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          d: "M6 3.5 10 8l-4 4.5",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function sn({
+  json: n,
+  model: t,
+  data: a,
+  onComplete: r,
+  animate: i = !0,
+  animationDurationMs: o = 180,
+  theme: c = "modern",
+  locale: m = "en-US",
+  messages: d,
+  className: u
+}) {
+  const l = pe(() => {
+    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 },
+    { pageName: null, seq: 0 }
+  ), p = oe(null), v = o / 1e3, b = pe(() => qt({ locale: m, messages: d }), [m, d]), [g, k] = G(null), E = [
+    "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();
+    };
+    return l.onValueChanged.add(s), l.onCurrentPageChanged.add(_), l.onComplete.add(f), () => {
+      l.onValueChanged.remove(s), l.onCurrentPageChanged.remove(_), l.onComplete.remove(f);
+    };
+  }, [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(
+      'input, textarea, select, button, [tabindex]:not([tabindex="-1"])'
+    );
+    try {
+      f.scrollIntoView({ behavior: "smooth", block: "center" });
+    } catch {
+      f.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") })
+    ] }) });
+  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,
+      {
+        type: "button",
+        className: "msj__button msj__button--nav",
+        onClick: () => {
+          l.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 },
+        whileHover: i ? { x: -2 } : void 0,
+        whileTap: i ? { scale: 0.98 } : void 0,
+        children: [
+          /* @__PURE__ */ e.jsx(Zt, {}),
+          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,
+      {
+        type: "button",
+        className: "msj__button msj__button--primary msj__button--complete",
+        onClick: () => {
+          let f = !1;
+          try {
+            f = l.validateCurrentPage();
+          } catch {
+            f = !1;
+          }
+          if (!f) {
+            const N = B.find((L) => L.hasErrors());
+            p.current = N?.name ?? null, j({ type: "bump", pageName: C?.name ?? null }), x();
+            return;
+          }
+          l.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,
+          x: { type: "tween", duration: 0.32, ease: "easeInOut" },
+          rotate: { type: "tween", duration: 0.32, ease: "easeInOut" }
+        },
+        whileHover: i ? {
+          x: [0, -2, 2, -2, 0],
+          rotate: [0, -1.2, 1.2, -1.2, 0]
+        } : void 0,
+        whileTap: i ? { scale: 0.98 } : void 0,
+        children: b("complete")
+      },
+      "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,
+      {
+        type: "button",
+        className: "msj__button msj__button--primary msj__button--navPrimary",
+        onClick: () => {
+          let f = !1;
+          try {
+            f = l.validateCurrentPage();
+          } catch {
+            f = !1;
+          }
+          if (!f) {
+            const N = B.find((L) => L.hasErrors());
+            p.current = N?.name ?? null, j({ type: "bump", pageName: C?.name ?? null }), x();
+            return;
+          }
+          l.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 },
+        whileHover: i ? { x: 2 } : void 0,
+        whileTap: i ? { scale: 0.98 } : void 0,
+        children: [
+          b("next"),
+          /* @__PURE__ */ e.jsx(en, {})
+        ]
+      },
+      "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")
+  ] }) });
+}
+export {
+  sn as MotionSurvey
+};
+//# sourceMappingURL=index.js.map