@metricshift/react 1.4.0 → 1.5.0

package/dist/index.esm.js

@@ -1,5 +1,8 @@
-import Je, { useState as Y, useRef as Ue, useEffect as Ve, createContext as gr, useContext as vr } from "react";
-var Pe = { exports: {} }, se = {};
+var mr = Object.defineProperty;
+var Sr = (n, o, c) => o in n ? mr(n, o, { enumerable: !0, configurable: !0, writable: !0, value: c }) : n[o] = c;
+var z = (n, o, c) => Sr(n, typeof o != "symbol" ? o + "" : o, c);
+import oe, { useState as Q, useRef as je, useEffect as ae, createContext as jr, useContext as Er } from "react";
+var Ee = { exports: {} }, te = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,21 +12,21 @@ var Pe = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function hr() {
-  if (qe) return se;
-  qe = 1;
-  var p = Je, m = Symbol.for("react.element"), C = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, b = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function R(x, g, j) {
-    var v, S = {}, T = null, F = null;
-    j !== void 0 && (T = "" + j), g.key !== void 0 && (T = "" + g.key), g.ref !== void 0 && (F = g.ref);
-    for (v in g) c.call(g, v) && !o.hasOwnProperty(v) && (S[v] = g[v]);
-    if (x && x.defaultProps) for (v in g = x.defaultProps, g) S[v] === void 0 && (S[v] = g[v]);
-    return { $$typeof: m, type: x, key: T, ref: F, props: S, _owner: b.current };
+var Ye;
+function wr() {
+  if (Ye) return te;
+  Ye = 1;
+  var n = oe, o = Symbol.for("react.element"), c = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, f = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, t = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(u, p, g) {
+    var v, S = {}, R = null, M = null;
+    g !== void 0 && (R = "" + g), p.key !== void 0 && (R = "" + p.key), p.ref !== void 0 && (M = p.ref);
+    for (v in p) i.call(p, v) && !t.hasOwnProperty(v) && (S[v] = p[v]);
+    if (u && u.defaultProps) for (v in p = u.defaultProps, p) S[v] === void 0 && (S[v] = p[v]);
+    return { $$typeof: o, type: u, key: R, ref: M, props: S, _owner: f.current };
   }
-  return se.Fragment = C, se.jsx = R, se.jsxs = R, se;
+  return te.Fragment = c, te.jsx = l, te.jsxs = l, te;
 }
-var le = {};
+var ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -33,91 +36,91 @@ var le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
-function xr() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
-    var p = Je, m = Symbol.for("react.element"), C = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), x = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), F = Symbol.for("react.offscreen"), B = Symbol.iterator, A = "@@iterator";
-    function q(e) {
+var qe;
+function _r() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = oe, o = Symbol.for("react.element"), c = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), t = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), A = Symbol.iterator, Z = "@@iterator";
+    function Y(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = B && e[B] || e[A];
+      var r = A && e[A] || e[Z];
       return typeof r == "function" ? r : null;
     }
-    var I = p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function f(e) {
+    var _ = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
-          t[a - 1] = arguments[a];
-        re("error", e, t);
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
+          a[d - 1] = arguments[d];
+        V("error", e, a);
       }
     }
-    function re(e, r, t) {
+    function V(e, r, a) {
       {
-        var a = I.ReactDebugCurrentFrame, u = a.getStackAddendum();
-        u !== "" && (r += "%s", t = t.concat([u]));
-        var d = t.map(function(l) {
-          return String(l);
+        var d = _.ReactDebugCurrentFrame, x = d.getStackAddendum();
+        x !== "" && (r += "%s", a = a.concat([x]));
+        var b = a.map(function(y) {
+          return String(y);
         });
-        d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
+        b.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, b);
       }
     }
-    var i = !1, _ = !1, ce = !1, ue = !1, fe = !1, te;
-    te = Symbol.for("react.module.reference");
-    function de(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === o || fe || e === b || e === j || e === v || ue || e === F || i || _ || ce || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === S || e.$$typeof === R || e.$$typeof === x || e.$$typeof === g || // This needs to include all possible module reference object
+    var q = !1, W = !1, O = !1, H = !1, J = !1, m;
+    m = Symbol.for("react.module.reference");
+    function L(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === t || J || e === f || e === g || e === v || H || e === M || q || W || O || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === S || e.$$typeof === l || e.$$typeof === u || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === te || e.getModuleId !== void 0));
+      e.$$typeof === m || e.getModuleId !== void 0));
     }
-    function pe(e, r, t) {
-      var a = e.displayName;
-      if (a)
-        return a;
-      var u = r.displayName || r.name || "";
-      return u !== "" ? t + "(" + u + ")" : t;
+    function $(e, r, a) {
+      var d = e.displayName;
+      if (d)
+        return d;
+      var x = r.displayName || r.name || "";
+      return x !== "" ? a + "(" + x + ")" : a;
     }
-    function be(e) {
+    function K(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function F(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case c:
+        case i:
           return "Fragment";
-        case C:
+        case c:
           return "Portal";
-        case o:
+        case t:
           return "Profiler";
-        case b:
+        case f:
           return "StrictMode";
-        case j:
+        case g:
           return "Suspense";
         case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case x:
+          case u:
             var r = e;
-            return be(r) + ".Consumer";
-          case R:
-            var t = e;
-            return be(t._context) + ".Provider";
-          case g:
-            return pe(e, e.render, "ForwardRef");
+            return K(r) + ".Consumer";
+          case l:
+            var a = e;
+            return K(a._context) + ".Provider";
+          case p:
+            return $(e, e.render, "ForwardRef");
           case S:
-            var a = e.displayName || null;
-            return a !== null ? a : O(e.type) || "Memo";
-          case T: {
-            var u = e, d = u._payload, l = u._init;
+            var d = e.displayName || null;
+            return d !== null ? d : F(e.type) || "Memo";
+          case R: {
+            var x = e, b = x._payload, y = x._init;
             try {
-              return O(l(d));
+              return F(y(b));
             } catch {
               return null;
             }
@@ -125,18 +128,18 @@ function xr() {
         }
       return null;
     }
-    var M = Object.assign, L = 0, ge, ve, ne, he, H, xe, J;
-    function K() {
+    var I = Object.assign, B = 0, ee, ie, se, le, D, C, we;
+    function _e() {
     }
-    K.__reactDisabledLog = !0;
-    function N() {
+    _e.__reactDisabledLog = !0;
+    function He() {
       {
-        if (L === 0) {
-          ge = console.log, ve = console.info, ne = console.warn, he = console.error, H = console.group, xe = console.groupCollapsed, J = console.groupEnd;
+        if (B === 0) {
+          ee = console.log, ie = console.info, se = console.warn, le = console.error, D = console.group, C = console.groupCollapsed, we = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: K,
+            value: _e,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -149,332 +152,332 @@ function xr() {
             groupEnd: e
           });
         }
-        L++;
+        B++;
       }
     }
-    function ae() {
+    function Je() {
       {
-        if (L--, L === 0) {
+        if (B--, B === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: M({}, e, {
-              value: ge
+            log: I({}, e, {
+              value: ee
             }),
-            info: M({}, e, {
-              value: ve
+            info: I({}, e, {
+              value: ie
             }),
-            warn: M({}, e, {
-              value: ne
+            warn: I({}, e, {
+              value: se
             }),
-            error: M({}, e, {
-              value: he
+            error: I({}, e, {
+              value: le
             }),
-            group: M({}, e, {
-              value: H
+            group: I({}, e, {
+              value: D
             }),
-            groupCollapsed: M({}, e, {
-              value: xe
+            groupCollapsed: I({}, e, {
+              value: C
             }),
-            groupEnd: M({}, e, {
-              value: J
+            groupEnd: I({}, e, {
+              value: we
             })
           });
         }
-        L < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        B < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var W = I.ReactCurrentDispatcher, z;
-    function $(e, r, t) {
+    var pe = _.ReactCurrentDispatcher, he;
+    function ce(e, r, a) {
       {
-        if (z === void 0)
+        if (he === void 0)
           try {
             throw Error();
-          } catch (u) {
-            var a = u.stack.trim().match(/\n( *(at )?)/);
-            z = a && a[1] || "";
+          } catch (x) {
+            var d = x.stack.trim().match(/\n( *(at )?)/);
+            he = d && d[1] || "";
           }
         return `
-` + z + e;
+` + he + e;
       }
     }
-    var oe = !1, ie;
+    var ge = !1, ue;
     {
-      var Se = typeof WeakMap == "function" ? WeakMap : Map;
-      ie = new Se();
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new Ke();
     }
-    function ye(e, r) {
-      if (!e || oe)
+    function Re(e, r) {
+      if (!e || ge)
         return "";
       {
-        var t = ie.get(e);
-        if (t !== void 0)
-          return t;
+        var a = ue.get(e);
+        if (a !== void 0)
+          return a;
       }
-      var a;
-      oe = !0;
-      var u = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
       var d;
-      d = W.current, W.current = null, N();
+      ge = !0;
+      var x = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var b;
+      b = pe.current, pe.current = null, He();
       try {
         if (r) {
-          var l = function() {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(l.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(l, []);
-            } catch (w) {
-              a = w;
+              Reflect.construct(y, []);
+            } catch (T) {
+              d = T;
             }
-            Reflect.construct(e, [], l);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              l.call();
-            } catch (w) {
-              a = w;
+              y.call();
+            } catch (T) {
+              d = T;
             }
-            e.call(l.prototype);
+            e.call(y.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (w) {
-            a = w;
+          } catch (T) {
+            d = T;
           }
           e();
         }
-      } catch (w) {
-        if (w && a && typeof w.stack == "string") {
-          for (var s = w.stack.split(`
-`), k = a.stack.split(`
-`), h = s.length - 1, y = k.length - 1; h >= 1 && y >= 0 && s[h] !== k[y]; )
-            y--;
-          for (; h >= 1 && y >= 0; h--, y--)
-            if (s[h] !== k[y]) {
-              if (h !== 1 || y !== 1)
+      } catch (T) {
+        if (T && d && typeof T.stack == "string") {
+          for (var h = T.stack.split(`
+`), k = d.stack.split(`
+`), j = h.length - 1, w = k.length - 1; j >= 1 && w >= 0 && h[j] !== k[w]; )
+            w--;
+          for (; j >= 1 && w >= 0; j--, w--)
+            if (h[j] !== k[w]) {
+              if (j !== 1 || w !== 1)
                 do
-                  if (h--, y--, y < 0 || s[h] !== k[y]) {
+                  if (j--, w--, w < 0 || h[j] !== k[w]) {
                     var P = `
-` + s[h].replace(" at new ", " at ");
-                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, P), P;
+` + h[j].replace(" at new ", " at ");
+                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, P), P;
                   }
-                while (h >= 1 && y >= 0);
+                while (j >= 1 && w >= 0);
               break;
             }
         }
       } finally {
-        oe = !1, W.current = d, ae(), Error.prepareStackTrace = u;
+        ge = !1, pe.current = b, Je(), Error.prepareStackTrace = x;
       }
-      var ee = e ? e.displayName || e.name : "", V = ee ? $(ee) : "";
-      return typeof e == "function" && ie.set(e, V), V;
+      var X = e ? e.displayName || e.name : "", N = X ? ce(X) : "";
+      return typeof e == "function" && ue.set(e, N), N;
     }
-    function ke(e, r, t) {
-      return ye(e, !1);
+    function Ge(e, r, a) {
+      return Re(e, !1);
     }
-    function Re(e) {
+    function Xe(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function G(e, r, t) {
+    function fe(e, r, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ye(e, Re(e));
+        return Re(e, Xe(e));
       if (typeof e == "string")
-        return $(e);
+        return ce(e);
       switch (e) {
-        case j:
-          return $("Suspense");
+        case g:
+          return ce("Suspense");
         case v:
-          return $("SuspenseList");
+          return ce("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case g:
-            return ke(e.render);
+          case p:
+            return Ge(e.render);
           case S:
-            return G(e.type, r, t);
-          case T: {
-            var a = e, u = a._payload, d = a._init;
+            return fe(e.type, r, a);
+          case R: {
+            var d = e, x = d._payload, b = d._init;
             try {
-              return G(d(u), r, t);
+              return fe(b(x), r, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var U = Object.prototype.hasOwnProperty, me = {}, Ee = I.ReactDebugCurrentFrame;
-    function X(e) {
+    var re = Object.prototype.hasOwnProperty, ke = {}, Ce = _.ReactDebugCurrentFrame;
+    function de(e) {
       if (e) {
-        var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
-        Ee.setExtraStackFrame(t);
+        var r = e._owner, a = fe(e.type, e._source, r ? r.type : null);
+        Ce.setExtraStackFrame(a);
       } else
-        Ee.setExtraStackFrame(null);
+        Ce.setExtraStackFrame(null);
     }
-    function Oe(e, r, t, a, u) {
+    function Qe(e, r, a, d, x) {
       {
-        var d = Function.call.bind(U);
-        for (var l in e)
-          if (d(e, l)) {
-            var s = void 0;
+        var b = Function.call.bind(re);
+        for (var y in e)
+          if (b(e, y)) {
+            var h = void 0;
             try {
-              if (typeof e[l] != "function") {
-                var k = Error((a || "React class") + ": " + t + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[y] != "function") {
+                var k = Error((d || "React class") + ": " + a + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw k.name = "Invariant Violation", k;
               }
-              s = e[l](r, l, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (h) {
-              s = h;
+              h = e[y](r, y, d, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (j) {
+              h = j;
             }
-            s && !(s instanceof Error) && (X(u), f("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", t, l, typeof s), X(null)), s instanceof Error && !(s.message in me) && (me[s.message] = !0, X(u), f("Failed %s type: %s", t, s.message), X(null));
+            h && !(h instanceof Error) && (de(x), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", a, y, typeof h), de(null)), h instanceof Error && !(h.message in ke) && (ke[h.message] = !0, de(x), E("Failed %s type: %s", a, h.message), de(null));
           }
       }
     }
-    var E = Array.isArray;
-    function D(e) {
-      return E(e);
+    var Ze = Array.isArray;
+    function ye(e) {
+      return Ze(e);
     }
-    function Q(e) {
+    function er(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
       }
     }
-    function Ge(e) {
+    function rr(e) {
       try {
-        return Fe(e), !1;
+        return Te(e), !1;
       } catch {
         return !0;
       }
     }
-    function Fe(e) {
+    function Te(e) {
       return "" + e;
     }
-    function Ie(e) {
-      if (Ge(e))
-        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(e)), Fe(e);
+    function Pe(e) {
+      if (rr(e))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), Te(e);
     }
-    var Me = I.ReactCurrentOwner, Xe = {
+    var Oe = _.ReactCurrentOwner, tr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ae, De;
-    function Qe(e) {
-      if (U.call(e, "ref")) {
+    }, Fe, Ie;
+    function nr(e) {
+      if (re.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Ze(e) {
-      if (U.call(e, "key")) {
+    function or(e) {
+      if (re.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function er(e, r) {
-      typeof e.ref == "string" && Me.current;
+    function ar(e, r) {
+      typeof e.ref == "string" && Oe.current;
     }
-    function rr(e, r) {
+    function ir(e, r) {
       {
-        var t = function() {
-          Ae || (Ae = !0, f("%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://reactjs.org/link/special-props)", r));
+        var a = function() {
+          Fe || (Fe = !0, E("%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://reactjs.org/link/special-props)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function tr(e, r) {
+    function sr(e, r) {
       {
-        var t = function() {
-          De || (De = !0, f("%s: `ref` 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://reactjs.org/link/special-props)", r));
+        var a = function() {
+          Ie || (Ie = !0, E("%s: `ref` 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://reactjs.org/link/special-props)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var nr = function(e, r, t, a, u, d, l) {
-      var s = {
+    var lr = function(e, r, a, d, x, b, y) {
+      var h = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: m,
+        $$typeof: o,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: t,
-        props: l,
+        ref: a,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: d
+        _owner: b
       };
-      return s._store = {}, Object.defineProperty(s._store, "validated", {
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(s, "_self", {
+      }), Object.defineProperty(h, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: a
-      }), Object.defineProperty(s, "_source", {
+        value: d
+      }), Object.defineProperty(h, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: u
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+        value: x
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function ar(e, r, t, a, u) {
+    function cr(e, r, a, d, x) {
       {
-        var d, l = {}, s = null, k = null;
-        t !== void 0 && (Ie(t), s = "" + t), Ze(r) && (Ie(r.key), s = "" + r.key), Qe(r) && (k = r.ref, er(r, u));
-        for (d in r)
-          U.call(r, d) && !Xe.hasOwnProperty(d) && (l[d] = r[d]);
+        var b, y = {}, h = null, k = null;
+        a !== void 0 && (Pe(a), h = "" + a), or(r) && (Pe(r.key), h = "" + r.key), nr(r) && (k = r.ref, ar(r, x));
+        for (b in r)
+          re.call(r, b) && !tr.hasOwnProperty(b) && (y[b] = r[b]);
         if (e && e.defaultProps) {
-          var h = e.defaultProps;
-          for (d in h)
-            l[d] === void 0 && (l[d] = h[d]);
+          var j = e.defaultProps;
+          for (b in j)
+            y[b] === void 0 && (y[b] = j[b]);
         }
-        if (s || k) {
-          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          s && rr(l, y), k && tr(l, y);
+        if (h || k) {
+          var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && ir(y, w), k && sr(y, w);
         }
-        return nr(e, s, k, u, a, Me.current, l);
+        return lr(e, h, k, x, d, Oe.current, y);
       }
     }
-    var je = I.ReactCurrentOwner, We = I.ReactDebugCurrentFrame;
-    function Z(e) {
+    var xe = _.ReactCurrentOwner, Me = _.ReactDebugCurrentFrame;
+    function G(e) {
       if (e) {
-        var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
-        We.setExtraStackFrame(t);
+        var r = e._owner, a = fe(e.type, e._source, r ? r.type : null);
+        Me.setExtraStackFrame(a);
       } else
-        We.setExtraStackFrame(null);
+        Me.setExtraStackFrame(null);
     }
-    var _e;
-    _e = !1;
-    function we(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === m;
+    var ve;
+    ve = !1;
+    function be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
     }
-    function ze() {
+    function Ae() {
       {
-        if (je.current) {
-          var e = O(je.current.type);
+        if (xe.current) {
+          var e = F(xe.current.type);
           if (e)
             return `
 
@@ -483,281 +486,774 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function or(e) {
+    function ur(e) {
       return "";
     }
     var $e = {};
-    function ir(e) {
+    function fr(e) {
       {
-        var r = ze();
+        var r = Ae();
         if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (r = `
 
-Check the top-level render call using <` + t + ">.");
+Check the top-level render call using <` + a + ">.");
         }
         return r;
       }
     }
-    function Ye(e, r) {
+    function De(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = ir(r);
-        if ($e[t])
+        var a = fr(r);
+        if ($e[a])
           return;
-        $e[t] = !0;
-        var a = "";
-        e && e._owner && e._owner !== je.current && (a = " It was passed a child from " + O(e._owner.type) + "."), Z(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), Z(null);
+        $e[a] = !0;
+        var d = "";
+        e && e._owner && e._owner !== xe.current && (d = " It was passed a child from " + F(e._owner.type) + "."), G(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, d), G(null);
       }
     }
-    function Be(e, r) {
+    function We(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (D(e))
-          for (var t = 0; t < e.length; t++) {
-            var a = e[t];
-            we(a) && Ye(a, r);
+        if (ye(e))
+          for (var a = 0; a < e.length; a++) {
+            var d = e[a];
+            be(d) && De(d, r);
           }
-        else if (we(e))
+        else if (be(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var u = q(e);
-          if (typeof u == "function" && u !== e.entries)
-            for (var d = u.call(e), l; !(l = d.next()).done; )
-              we(l.value) && Ye(l.value, r);
+          var x = Y(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var b = x.call(e), y; !(y = b.next()).done; )
+              be(y.value) && De(y.value, r);
         }
       }
     }
-    function sr(e) {
+    function dr(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var t;
+        var a;
         if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === g || // Note: Memo only checks outer props here.
+          a = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === S))
-          t = r.propTypes;
+          a = r.propTypes;
         else
           return;
-        if (t) {
-          var a = O(r);
-          Oe(t, e.props, "prop", a, e);
-        } else if (r.PropTypes !== void 0 && !_e) {
-          _e = !0;
-          var u = O(r);
-          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        if (a) {
+          var d = F(r);
+          Qe(a, e.props, "prop", d, e);
+        } else if (r.PropTypes !== void 0 && !ve) {
+          ve = !0;
+          var x = F(r);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function lr(e) {
+    function pr(e) {
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var a = r[t];
-          if (a !== "children" && a !== "key") {
-            Z(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), Z(null);
+        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
+          var d = r[a];
+          if (d !== "children" && d !== "key") {
+            G(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), G(null);
             break;
           }
         }
-        e.ref !== null && (Z(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
+        e.ref !== null && (G(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
       }
     }
     var Le = {};
-    function Ne(e, r, t, a, u, d) {
+    function ze(e, r, a, d, x, b) {
       {
-        var l = de(e);
-        if (!l) {
-          var s = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (s += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var k = or();
-          k ? s += k : s += ze();
-          var h;
-          e === null ? h = "null" : D(e) ? h = "array" : e !== void 0 && e.$$typeof === m ? (h = "<" + (O(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, s);
+        var y = L(e);
+        if (!y) {
+          var h = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var k = ur();
+          k ? h += k : h += Ae();
+          var j;
+          e === null ? j = "null" : ye(e) ? j = "array" : e !== void 0 && e.$$typeof === o ? (j = "<" + (F(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : j = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, h);
         }
-        var y = ar(e, r, t, u, d);
-        if (y == null)
-          return y;
-        if (l) {
+        var w = cr(e, r, a, x, b);
+        if (w == null)
+          return w;
+        if (y) {
           var P = r.children;
           if (P !== void 0)
-            if (a)
-              if (D(P)) {
-                for (var ee = 0; ee < P.length; ee++)
-                  Be(P[ee], e);
+            if (d)
+              if (ye(P)) {
+                for (var X = 0; X < P.length; X++)
+                  We(P[X], e);
                 Object.freeze && Object.freeze(P);
               } else
-                f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                E("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
-              Be(P, e);
+              We(P, e);
         }
-        if (U.call(r, "key")) {
-          var V = O(e), w = Object.keys(r).filter(function(br) {
+        if (re.call(r, "key")) {
+          var N = F(e), T = Object.keys(r).filter(function(br) {
             return br !== "key";
-          }), Ce = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Le[V + Ce]) {
-            var pr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
-            f(`A props object containing a "key" prop is being spread into JSX:
+          }), me = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Le[N + me]) {
+            var vr = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
+            E(`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} />`, Ce, V, pr, V), Le[V + Ce] = !0;
+  <%s key={someKey} {...props} />`, me, N, vr, N), Le[N + me] = !0;
           }
         }
-        return e === c ? lr(y) : sr(y), y;
+        return e === i ? pr(w) : dr(w), w;
       }
     }
-    function cr(e, r, t) {
-      return Ne(e, r, t, !0);
+    function hr(e, r, a) {
+      return ze(e, r, a, !0);
     }
-    function ur(e, r, t) {
-      return Ne(e, r, t, !1);
+    function gr(e, r, a) {
+      return ze(e, r, a, !1);
     }
-    var fr = ur, dr = cr;
-    le.Fragment = c, le.jsx = fr, le.jsxs = dr;
-  }()), le;
+    var yr = gr, xr = hr;
+    ne.Fragment = i, ne.jsx = yr, ne.jsxs = xr;
+  }()), ne;
 }
-process.env.NODE_ENV === "production" ? Pe.exports = hr() : Pe.exports = xr();
-var n = Pe.exports;
-const yr = ({
-  isOpen: p,
-  onClose: m,
-  onSubmit: C
+process.env.NODE_ENV === "production" ? Ee.exports = wr() : Ee.exports = _r();
+var s = Ee.exports;
+const Rr = ({ label: n, fieldId: o, required: c, children: i }) => /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: [
+  /* @__PURE__ */ s.jsxs(
+    "label",
+    {
+      htmlFor: o,
+      style: {
+        fontSize: "13px",
+        fontWeight: 500,
+        color: "#374151"
+      },
+      children: [
+        n,
+        c && /* @__PURE__ */ s.jsx("span", { style: { color: "#ef4444", marginLeft: "3px" }, children: "*" })
+      ]
+    }
+  ),
+  i
+] }), Be = ({ field: n, value: o, onChange: c, disabled: i, multiline: f }) => {
+  const t = {
+    width: "100%",
+    padding: "8px 10px",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    fontSize: "14px",
+    fontFamily: "inherit",
+    outline: "none",
+    opacity: i ? 0.6 : 1,
+    boxSizing: "border-box",
+    transition: "border-color 0.15s"
+  };
+  return f ? /* @__PURE__ */ s.jsx(
+    "textarea",
+    {
+      id: n.id,
+      value: o,
+      placeholder: n.placeholder,
+      required: n.required,
+      disabled: i,
+      rows: 4,
+      onChange: (l) => c(l.target.value),
+      style: { ...t, resize: "vertical", minHeight: "88px" },
+      onFocus: (l) => l.target.style.borderColor = "#3b82f6",
+      onBlur: (l) => l.target.style.borderColor = "#e5e7eb"
+    }
+  ) : /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      id: n.id,
+      type: n.id.includes("email") ? "email" : "text",
+      value: o,
+      placeholder: n.placeholder,
+      required: n.required,
+      disabled: i,
+      onChange: (l) => c(l.target.value),
+      style: t,
+      onFocus: (l) => l.target.style.borderColor = "#3b82f6",
+      onBlur: (l) => l.target.style.borderColor = "#e5e7eb"
+    }
+  );
+}, kr = ({ field: n, value: o, onChange: c, disabled: i, primaryColor: f = "#fbbf24" }) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    role: "group",
+    "aria-label": n.label,
+    style: { display: "flex", gap: "6px" },
+    children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: i,
+        "aria-label": `Rate ${t} stars`,
+        "aria-pressed": o === t,
+        onClick: () => c(t),
+        style: {
+          background: "none",
+          border: "none",
+          fontSize: "26px",
+          cursor: i ? "not-allowed" : "pointer",
+          padding: "0",
+          color: o !== null && o >= t ? f : "#d1d5db",
+          transition: "transform 0.15s, color 0.15s",
+          opacity: i ? 0.6 : 1
+        },
+        onMouseEnter: (l) => {
+          i || (l.currentTarget.style.transform = "scale(1.2)");
+        },
+        onMouseLeave: (l) => {
+          i || (l.currentTarget.style.transform = "scale(1)");
+        },
+        children: "★"
+      },
+      t
+    ))
+  }
+), Cr = ({ field: n, value: o, onChange: c, disabled: i }) => /* @__PURE__ */ s.jsxs("div", { children: [
+  /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: "4px",
+        flexWrap: "wrap"
+      },
+      children: Array.from({ length: 11 }, (f, t) => {
+        const l = o === t, u = t >= 9 ? "#16a34a" : t >= 7 ? "#d97706" : "#dc2626";
+        return /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            type: "button",
+            disabled: i,
+            "aria-label": `Score ${t}`,
+            "aria-pressed": l,
+            onClick: () => c(t),
+            style: {
+              width: "40px",
+              height: "40px",
+              borderRadius: "8px",
+              border: `1.5px solid ${l ? u : "#e5e7eb"}`,
+              backgroundColor: l ? u : "#ffffff",
+              color: l ? "#ffffff" : "#374151",
+              fontSize: "13px",
+              fontWeight: 600,
+              cursor: i ? "not-allowed" : "pointer",
+              opacity: i ? 0.6 : 1,
+              transition: "all 0.15s",
+              flexShrink: 0
+            },
+            onMouseEnter: (p) => {
+              !i && !l && (p.currentTarget.style.borderColor = u, p.currentTarget.style.backgroundColor = `${u}10`);
+            },
+            onMouseLeave: (p) => {
+              !i && !l && (p.currentTarget.style.borderColor = "#e5e7eb", p.currentTarget.style.backgroundColor = "#ffffff");
+            },
+            children: t
+          },
+          t
+        );
+      })
+    }
+  ),
+  /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        marginTop: "6px",
+        fontSize: "11px",
+        color: "#9ca3af"
+      },
+      children: [
+        /* @__PURE__ */ s.jsx("span", { children: n.lowLabel ?? "Not likely" }),
+        /* @__PURE__ */ s.jsx("span", { children: n.highLabel ?? "Very likely" })
+      ]
+    }
+  )
+] }), Tr = [
+  "😞",
+  "😕",
+  "😐",
+  "😊",
+  "😄"
+], Pr = ({ field: n, value: o, onChange: c, disabled: i }) => {
+  const f = n.emojiScale ?? Tr;
+  return /* @__PURE__ */ s.jsx("div", { style: { display: "flex", gap: "8px", justifyContent: "center" }, children: f.map((t, l) => {
+    const u = l + 1, p = o === u;
+    return /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: i,
+        "aria-label": `Score ${u}`,
+        "aria-pressed": p,
+        onClick: () => c(u),
+        style: {
+          background: "none",
+          border: `1.5px solid ${p ? "#6b7280" : "transparent"}`,
+          borderRadius: "12px",
+          padding: "6px 8px",
+          fontSize: "28px",
+          cursor: i ? "not-allowed" : "pointer",
+          opacity: i ? 0.6 : p ? 1 : 0.5,
+          transform: p ? "scale(1.2)" : "scale(1)",
+          transition: "all 0.15s"
+        },
+        onMouseEnter: (g) => {
+          i || (g.currentTarget.style.opacity = "1");
+        },
+        onMouseLeave: (g) => {
+          i || (g.currentTarget.style.opacity = p ? "1" : "0.5");
+        },
+        children: t
+      },
+      u
+    );
+  }) });
+}, Or = ({ field: n, value: o, onChange: c, disabled: i }) => /* @__PURE__ */ s.jsxs(
+  "select",
+  {
+    id: n.id,
+    value: o,
+    disabled: i,
+    required: n.required,
+    onChange: (f) => c(f.target.value),
+    style: {
+      width: "100%",
+      padding: "8px 10px",
+      border: "1px solid #e5e7eb",
+      borderRadius: "8px",
+      fontSize: "14px",
+      fontFamily: "inherit",
+      backgroundColor: "#ffffff",
+      cursor: i ? "not-allowed" : "pointer",
+      opacity: i ? 0.6 : 1,
+      outline: "none"
+    },
+    children: [
+      /* @__PURE__ */ s.jsx("option", { value: "", children: "Select an option…" }),
+      (n.options ?? []).map((f) => /* @__PURE__ */ s.jsx("option", { value: f, children: f }, f))
+    ]
+  }
+), Fr = ({ field: n, value: o, onChange: c, disabled: i }) => {
+  const f = (t) => {
+    const l = o.includes(t) ? o.filter((u) => u !== t) : [...o, t];
+    c(l);
+  };
+  return /* @__PURE__ */ s.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "6px" }, children: (n.options ?? []).map((t) => /* @__PURE__ */ s.jsxs(
+    "label",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        fontSize: "14px",
+        color: "#374151",
+        cursor: i ? "not-allowed" : "pointer",
+        opacity: i ? 0.6 : 1
+      },
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: o.includes(t),
+            disabled: i,
+            onChange: () => f(t),
+            style: { width: "15px", height: "15px", cursor: "inherit" }
+          }
+        ),
+        t
+      ]
+    },
+    t
+  )) });
+}, Ir = ({ value: n, onChange: o, disabled: c, primaryColor: i = "#3b82f6" }) => /* @__PURE__ */ s.jsx("div", { style: { display: "flex", gap: "10px" }, children: [
+  { label: "Yes", val: !0 },
+  { label: "No", val: !1 }
+].map(({ label: f, val: t }) => {
+  const l = n === t;
+  return /* @__PURE__ */ s.jsx(
+    "button",
+    {
+      type: "button",
+      disabled: c,
+      onClick: () => o(t),
+      style: {
+        padding: "8px 24px",
+        borderRadius: "8px",
+        border: `1.5px solid ${l ? i : "#e5e7eb"}`,
+        backgroundColor: l ? i : "#ffffff",
+        color: l ? "#ffffff" : "#374151",
+        fontSize: "14px",
+        fontWeight: 500,
+        cursor: c ? "not-allowed" : "pointer",
+        opacity: c ? 0.6 : 1,
+        transition: "all 0.15s"
+      },
+      children: f
+    },
+    f
+  );
+}) }), Mr = ({
+  fields: n,
+  values: o,
+  onChange: c,
+  disabled: i = !1,
+  primaryColor: f
+}) => /* @__PURE__ */ s.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: n.map((t) => {
+  const l = o[t.id];
+  return /* @__PURE__ */ s.jsxs(
+    Rr,
+    {
+      label: t.label,
+      fieldId: t.id,
+      required: t.required,
+      children: [
+        t.type === "textarea" && /* @__PURE__ */ s.jsx(
+          Be,
+          {
+            field: t,
+            value: l ?? "",
+            onChange: (u) => c(t.id, u),
+            disabled: i,
+            multiline: !0
+          }
+        ),
+        t.type === "text" && /* @__PURE__ */ s.jsx(
+          Be,
+          {
+            field: t,
+            value: l ?? "",
+            onChange: (u) => c(t.id, u),
+            disabled: i
+          }
+        ),
+        t.type === "rating" && /* @__PURE__ */ s.jsx(
+          kr,
+          {
+            field: t,
+            value: l ?? null,
+            onChange: (u) => c(t.id, u),
+            disabled: i,
+            primaryColor: f
+          }
+        ),
+        t.type === "nps" && /* @__PURE__ */ s.jsx(
+          Cr,
+          {
+            field: t,
+            value: l ?? null,
+            onChange: (u) => c(t.id, u),
+            disabled: i,
+            primaryColor: f
+          }
+        ),
+        t.type === "csat" && /* @__PURE__ */ s.jsx(
+          Pr,
+          {
+            field: t,
+            value: l ?? null,
+            onChange: (u) => c(t.id, u),
+            disabled: i
+          }
+        ),
+        t.type === "select" && /* @__PURE__ */ s.jsx(
+          Or,
+          {
+            field: t,
+            value: l ?? "",
+            onChange: (u) => c(t.id, u),
+            disabled: i
+          }
+        ),
+        t.type === "multiselect" && /* @__PURE__ */ s.jsx(
+          Fr,
+          {
+            field: t,
+            value: l ?? [],
+            onChange: (u) => c(t.id, u),
+            disabled: i
+          }
+        ),
+        t.type === "boolean" && /* @__PURE__ */ s.jsx(
+          Ir,
+          {
+            field: t,
+            value: l === void 0 ? null : l,
+            onChange: (u) => c(t.id, u),
+            disabled: i,
+            primaryColor: f
+          }
+        )
+      ]
+    },
+    t.id
+  );
+}) });
+function Ar(n) {
+  const [o, c] = Q({});
+  return { values: o, handleChange: (l, u) => {
+    c((p) => ({ ...p, [l]: u }));
+  }, validate: () => {
+    for (const l of n) {
+      if (!l.required) continue;
+      const u = o[l.id];
+      if (u == null || u === "" || Array.isArray(u) && u.length === 0)
+        return `"${l.label}" is required`;
+    }
+    return null;
+  }, reset: () => c({}) };
+}
+const Kr = [
+  {
+    id: "nps_score",
+    type: "nps",
+    label: "How likely are you to recommend us to a friend or colleague?",
+    required: !0,
+    lowLabel: "Not likely",
+    highLabel: "Very likely"
+  },
+  {
+    id: "nps_reason",
+    type: "textarea",
+    label: "What is the main reason for your score?",
+    placeholder: "Tell us more…",
+    required: !1
+  }
+], Gr = [
+  {
+    id: "csat_score",
+    type: "csat",
+    label: "How satisfied are you with your experience today?",
+    required: !0,
+    emojiScale: ["😞", "😕", "😐", "😊", "😄"]
+  },
+  {
+    id: "csat_comment",
+    type: "textarea",
+    label: "Any other thoughts?",
+    placeholder: "Optional — share anything on your mind.",
+    required: !1
+  }
+], Ne = [
+  {
+    id: "feedback_type",
+    type: "select",
+    label: "Type",
+    required: !1,
+    options: ["General feedback", "Bug report", "Feature request", "Question", "Praise"]
+  },
+  {
+    id: "rating",
+    type: "rating",
+    label: "Rating (optional)",
+    required: !1
+  },
+  {
+    id: "text",
+    type: "textarea",
+    label: "Your feedback",
+    placeholder: "Tell us what you think…",
+    required: !0
+  },
+  {
+    id: "user_name",
+    type: "text",
+    label: "Name (optional)",
+    placeholder: "Your name",
+    required: !1
+  },
+  {
+    id: "user_email",
+    type: "text",
+    label: "Email (optional)",
+    placeholder: "you@example.com",
+    required: !1
+  }
+], $r = ({
+  isOpen: n,
+  onClose: o,
+  onSubmit: c,
+  projectId: i,
+  fields: f = Ne,
+  appearance: t = {},
+  widgetType: l = "general"
 }) => {
-  const [c, b] = Y({
-    text: "",
-    rating: void 0,
-    feedbackType: "general",
-    userEmail: "",
-    userName: ""
-  }), [o, R] = Y(!1), [x, g] = Y("idle"), [j, v] = Y(""), [S, T] = Y(!1), F = Ue(null), B = Ue(null);
-  Ve(() => (p ? (T(!0), document.body.style.overflow = "hidden", setTimeout(() => {
-    var i;
-    (i = B.current) == null || i.focus();
+  const [u, p] = Q(!1), [g, v] = Q(!1), [S, R] = Q("idle"), [M, A] = Q(""), Z = je(null), Y = je(null), { values: _, handleChange: E, validate: V, reset: q } = Ar(f), W = t.primaryColor ?? "#111827";
+  ae(() => (n ? (p(!0), document.body.style.overflow = "hidden", setTimeout(() => {
+    var m;
+    return (m = Y.current) == null ? void 0 : m.focus();
   }, 150)) : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [p]), Ve(() => {
-    const i = (_) => {
-      _.key === "Escape" && p && !o && A();
+  }), [n]), ae(() => {
+    const m = (L) => {
+      L.key === "Escape" && n && !g && O();
     };
-    return p && document.addEventListener("keydown", i), () => {
-      document.removeEventListener("keydown", i);
-    };
-  }, [p, o]);
-  const A = () => {
-    T(!1), setTimeout(() => {
-      m(), setTimeout(() => {
-        b({
-          text: "",
-          rating: void 0,
-          feedbackType: "general",
-          userEmail: "",
-          userName: ""
-        }), g("idle"), v("");
+    return n && document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [n, g]);
+  const O = () => {
+    p(!1), setTimeout(() => {
+      o(), setTimeout(() => {
+        q(), R("idle"), A("");
       }, 100);
     }, 200);
-  }, q = async (i) => {
-    if (i.preventDefault(), !c.text.trim()) {
-      v("Please enter your feedback");
+  }, H = async (m) => {
+    m.preventDefault();
+    const L = V();
+    if (L) {
+      A(L);
       return;
     }
-    R(!0), v("");
+    v(!0), A("");
     try {
-      await C(c), g("success"), setTimeout(() => {
-        A();
-      }, 2e3);
-    } catch (_) {
-      g("error"), v(_ instanceof Error ? _.message : "Failed to submit feedback");
+      const $ = {
+        project_id: i,
+        fields: _,
+        widget_type: l,
+        source: "sdk",
+        page_url: window.location.href,
+        page_title: document.title,
+        user_agent: navigator.userAgent,
+        // Hoist common identity fields to top-level for backend compat
+        user_email: typeof _.user_email == "string" ? _.user_email : void 0,
+        user_name: typeof _.user_name == "string" ? _.user_name : void 0,
+        user_identifier: typeof _.user_email == "string" && _.user_email || typeof _.user_name == "string" && _.user_name || "anonymous"
+      };
+      await c($), R("success"), setTimeout(() => O(), 2e3);
+    } catch ($) {
+      R("error"), A(
+        $ instanceof Error ? $.message : "Failed to submit feedback"
+      );
     } finally {
-      R(!1);
+      v(!1);
     }
+  }, J = (m) => {
+    m.target === m.currentTarget && !g && O();
   };
-  if (!p) return null;
-  const I = (i) => {
-    i.target === i.currentTarget && !o && A();
-  }, f = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1e4,
-    padding: "16px",
-    opacity: S ? 1 : 0,
-    transition: "opacity 0.2s ease-in-out"
-  }, re = {
-    backgroundColor: "white",
-    borderRadius: "12px",
-    padding: "24px",
-    maxWidth: "500px",
-    width: "100%",
-    maxHeight: "90vh",
-    overflowY: "auto",
-    boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-    transform: S ? "scale(1)" : "scale(0.95)",
-    opacity: S ? 1 : 0,
-    transition: "all 0.2s ease-in-out"
-  };
-  return /* @__PURE__ */ n.jsx(
+  return n ? /* @__PURE__ */ s.jsx(
     "div",
     {
-      onClick: I,
-      style: f,
+      onClick: J,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": "feedback-modal-title",
-      children: /* @__PURE__ */ n.jsxs(
+      "aria-labelledby": "ms-modal-title",
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(0,0,0,0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e4,
+        padding: "16px",
+        opacity: u ? 1 : 0,
+        transition: "opacity 0.2s ease-in-out"
+      },
+      children: /* @__PURE__ */ s.jsxs(
         "div",
         {
-          ref: F,
-          style: re,
-          onClick: (i) => i.stopPropagation(),
+          ref: Z,
+          onClick: (m) => m.stopPropagation(),
+          style: {
+            backgroundColor: "#ffffff",
+            borderRadius: "16px",
+            padding: "24px",
+            maxWidth: "480px",
+            width: "100%",
+            maxHeight: "90vh",
+            overflowY: "auto",
+            boxShadow: "0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04)",
+            transform: u ? "scale(1)" : "scale(0.95)",
+            opacity: u ? 1 : 0,
+            transition: "all 0.2s ease-in-out"
+          },
           children: [
-            /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "24px", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-              /* @__PURE__ */ n.jsx(
-                "h2",
-                {
-                  id: "feedback-modal-title",
-                  style: { fontSize: "20px", fontWeight: "600", margin: 0, color: "#111827" },
-                  children: "Send Feedback"
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  onClick: A,
-                  disabled: o,
-                  "aria-label": "Close feedback form",
-                  style: {
-                    background: "none",
-                    border: "none",
-                    fontSize: "24px",
-                    cursor: o ? "not-allowed" : "pointer",
-                    color: "#6b7280",
-                    padding: "0",
-                    lineHeight: "1",
-                    opacity: o ? 0.5 : 1,
-                    transition: "color 0.2s"
-                  },
-                  onMouseEnter: (i) => !o && (i.currentTarget.style.color = "#111827"),
-                  onMouseLeave: (i) => !o && (i.currentTarget.style.color = "#6b7280"),
-                  children: "×"
-                }
-              )
-            ] }),
-            x === "success" && /* @__PURE__ */ n.jsxs(
+            /* @__PURE__ */ s.jsxs(
               "div",
               {
+                style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "flex-start",
+                  marginBottom: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ s.jsxs("div", { ref: Y, tabIndex: -1, children: [
+                    /* @__PURE__ */ s.jsx(
+                      "h2",
+                      {
+                        id: "ms-modal-title",
+                        style: {
+                          fontSize: "18px",
+                          fontWeight: 600,
+                          margin: 0,
+                          color: "#111827"
+                        },
+                        children: t.welcomeTitle ?? "Share your feedback"
+                      }
+                    ),
+                    t.welcomeSubtitle && /* @__PURE__ */ s.jsx(
+                      "p",
+                      {
+                        style: {
+                          fontSize: "13px",
+                          color: "#6b7280",
+                          marginTop: "4px"
+                        },
+                        children: t.welcomeSubtitle
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ s.jsx(
+                    "button",
+                    {
+                      onClick: O,
+                      disabled: g,
+                      "aria-label": "Close feedback form",
+                      style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: "22px",
+                        cursor: g ? "not-allowed" : "pointer",
+                        color: "#9ca3af",
+                        lineHeight: 1,
+                        padding: "0 0 0 12px",
+                        opacity: g ? 0.5 : 1,
+                        transition: "color 0.15s",
+                        flexShrink: 0
+                      },
+                      onMouseEnter: (m) => {
+                        g || (m.currentTarget.style.color = "#111827");
+                      },
+                      onMouseLeave: (m) => {
+                        g || (m.currentTarget.style.color = "#9ca3af");
+                      },
+                      children: "×"
+                    }
+                  )
+                ]
+              }
+            ),
+            S === "success" && /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                role: "status",
+                "aria-live": "polite",
                 style: {
                   backgroundColor: "#d1fae5",
                   border: "1px solid #6ee7b7",
@@ -765,22 +1261,22 @@ const yr = ({
                   padding: "12px",
                   marginBottom: "16px",
                   color: "#065f46",
+                  fontSize: "14px",
                   display: "flex",
                   alignItems: "center",
-                  gap: "8px",
-                  animation: "slideIn 0.3s ease-out"
+                  gap: "8px"
                 },
-                role: "status",
-                "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ n.jsx("span", { style: { fontSize: "18px" }, children: "✓" }),
-                  /* @__PURE__ */ n.jsx("span", { children: "Thank you! Your feedback has been submitted." })
+                  /* @__PURE__ */ s.jsx("span", { children: "✓" }),
+                  /* @__PURE__ */ s.jsx("span", { children: t.successMessage ?? "Thank you! Your feedback has been submitted." })
                 ]
               }
             ),
-            j && /* @__PURE__ */ n.jsxs(
+            M && /* @__PURE__ */ s.jsxs(
               "div",
               {
+                role: "alert",
+                "aria-live": "assertive",
                 style: {
                   backgroundColor: "#fee2e2",
                   border: "1px solid #fca5a5",
@@ -788,534 +1284,494 @@ const yr = ({
                   padding: "12px",
                   marginBottom: "16px",
                   color: "#991b1b",
+                  fontSize: "14px",
                   display: "flex",
                   alignItems: "center",
                   gap: "8px"
                 },
-                role: "alert",
-                "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ n.jsx("span", { style: { fontSize: "18px" }, children: "⚠" }),
-                  /* @__PURE__ */ n.jsx("span", { children: j })
+                  /* @__PURE__ */ s.jsx("span", { children: "⚠" }),
+                  /* @__PURE__ */ s.jsx("span", { children: M })
                 ]
               }
             ),
-            /* @__PURE__ */ n.jsxs("form", { onSubmit: q, children: [
-              /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "16px" }, children: [
-                /* @__PURE__ */ n.jsx(
-                  "label",
-                  {
-                    htmlFor: "feedback-type",
-                    style: { display: "block", marginBottom: "8px", fontSize: "14px", fontWeight: "500", color: "#374151" },
-                    children: "Type"
-                  }
-                ),
-                /* @__PURE__ */ n.jsxs(
-                  "select",
-                  {
-                    id: "feedback-type",
-                    value: c.feedbackType,
-                    onChange: (i) => b({ ...c, feedbackType: i.target.value }),
-                    disabled: o,
-                    style: {
-                      width: "100%",
-                      padding: "8px 12px",
-                      border: "1px solid #d1d5db",
-                      borderRadius: "6px",
-                      fontSize: "14px",
-                      backgroundColor: "white",
-                      cursor: o ? "not-allowed" : "pointer",
-                      opacity: o ? 0.6 : 1
-                    },
-                    children: [
-                      /* @__PURE__ */ n.jsx("option", { value: "general", children: "General Feedback" }),
-                      /* @__PURE__ */ n.jsx("option", { value: "bug", children: "Bug Report" }),
-                      /* @__PURE__ */ n.jsx("option", { value: "feature_request", children: "Feature Request" }),
-                      /* @__PURE__ */ n.jsx("option", { value: "question", children: "Question" }),
-                      /* @__PURE__ */ n.jsx("option", { value: "praise", children: "Praise" })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "16px" }, children: [
-                /* @__PURE__ */ n.jsx("label", { style: { display: "block", marginBottom: "8px", fontSize: "14px", fontWeight: "500", color: "#374151" }, children: "Rating (optional)" }),
-                /* @__PURE__ */ n.jsx("div", { style: { display: "flex", gap: "8px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ n.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => b({ ...c, rating: i }),
-                    disabled: o,
-                    "aria-label": `Rate ${i} stars`,
-                    "aria-pressed": c.rating === i,
-                    style: {
-                      background: "none",
-                      border: "none",
-                      fontSize: "28px",
-                      cursor: o ? "not-allowed" : "pointer",
-                      padding: "0",
-                      color: c.rating && c.rating >= i ? "#fbbf24" : "#d1d5db",
-                      transition: "all 0.2s",
-                      opacity: o ? 0.6 : 1,
-                      transform: "scale(1)"
-                    },
-                    onMouseEnter: (_) => !o && (_.currentTarget.style.transform = "scale(1.2)"),
-                    onMouseLeave: (_) => !o && (_.currentTarget.style.transform = "scale(1)"),
-                    children: "★"
-                  },
-                  i
-                )) })
-              ] }),
-              /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "16px" }, children: [
-                /* @__PURE__ */ n.jsxs(
-                  "label",
-                  {
-                    htmlFor: "feedback-text",
-                    style: { display: "block", marginBottom: "8px", fontSize: "14px", fontWeight: "500", color: "#374151" },
-                    children: [
-                      "Your Feedback ",
-                      /* @__PURE__ */ n.jsx("span", { style: { color: "#ef4444" }, children: "*" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ n.jsx(
-                  "textarea",
-                  {
-                    id: "feedback-text",
-                    ref: B,
-                    value: c.text,
-                    onChange: (i) => b({ ...c, text: i.target.value }),
-                    placeholder: "Tell us what you think...",
-                    required: !0,
-                    disabled: o,
-                    rows: 4,
-                    "aria-required": "true",
-                    style: {
-                      width: "100%",
-                      padding: "8px 12px",
-                      border: "1px solid #d1d5db",
-                      borderRadius: "6px",
-                      fontSize: "14px",
-                      resize: "vertical",
-                      fontFamily: "inherit",
-                      opacity: o ? 0.6 : 1,
-                      cursor: o ? "not-allowed" : "text"
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "16px" }, children: [
-                /* @__PURE__ */ n.jsx(
-                  "label",
-                  {
-                    htmlFor: "feedback-name",
-                    style: { display: "block", marginBottom: "8px", fontSize: "14px", fontWeight: "500", color: "#374151" },
-                    children: "Name (optional)"
-                  }
-                ),
-                /* @__PURE__ */ n.jsx(
-                  "input",
-                  {
-                    id: "feedback-name",
-                    type: "text",
-                    value: c.userName,
-                    onChange: (i) => b({ ...c, userName: i.target.value }),
-                    placeholder: "Your name",
-                    disabled: o,
-                    style: {
-                      width: "100%",
-                      padding: "8px 12px",
-                      border: "1px solid #d1d5db",
-                      borderRadius: "6px",
-                      fontSize: "14px",
-                      opacity: o ? 0.6 : 1
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "24px" }, children: [
-                /* @__PURE__ */ n.jsx(
-                  "label",
-                  {
-                    htmlFor: "feedback-email",
-                    style: { display: "block", marginBottom: "8px", fontSize: "14px", fontWeight: "500", color: "#374151" },
-                    children: "Email (optional)"
-                  }
-                ),
-                /* @__PURE__ */ n.jsx(
-                  "input",
-                  {
-                    id: "feedback-email",
-                    type: "email",
-                    value: c.userEmail,
-                    onChange: (i) => b({ ...c, userEmail: i.target.value }),
-                    placeholder: "your@email.com",
-                    disabled: o,
-                    style: {
-                      width: "100%",
-                      padding: "8px 12px",
-                      border: "1px solid #d1d5db",
-                      borderRadius: "6px",
-                      fontSize: "14px",
-                      opacity: o ? 0.6 : 1
+            /* @__PURE__ */ s.jsxs(
+              "form",
+              {
+                onSubmit: H,
+                style: { display: "flex", flexDirection: "column", gap: "0" },
+                children: [
+                  /* @__PURE__ */ s.jsx(
+                    Mr,
+                    {
+                      fields: f,
+                      values: _,
+                      onChange: E,
+                      disabled: g || S === "success",
+                      primaryColor: W
                     }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "12px", justifyContent: "flex-end" }, children: [
-                /* @__PURE__ */ n.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: A,
-                    disabled: o,
-                    style: {
-                      padding: "10px 20px",
-                      border: "1px solid #d1d5db",
-                      borderRadius: "6px",
-                      backgroundColor: "white",
-                      color: "#374151",
-                      fontSize: "14px",
-                      fontWeight: "500",
-                      cursor: o ? "not-allowed" : "pointer",
-                      opacity: o ? 0.5 : 1,
-                      transition: "all 0.2s"
-                    },
-                    onMouseEnter: (i) => !o && (i.currentTarget.style.backgroundColor = "#f9fafb"),
-                    onMouseLeave: (i) => !o && (i.currentTarget.style.backgroundColor = "white"),
-                    children: "Cancel"
-                  }
-                ),
-                /* @__PURE__ */ n.jsxs(
-                  "button",
-                  {
-                    type: "submit",
-                    disabled: o || x === "success",
-                    style: {
-                      padding: "10px 20px",
-                      border: "none",
-                      borderRadius: "6px",
-                      backgroundColor: x === "success" ? "#10b981" : "#3b82f6",
-                      color: "white",
-                      fontSize: "14px",
-                      fontWeight: "500",
-                      cursor: o || x === "success" ? "not-allowed" : "pointer",
-                      opacity: o ? 0.7 : 1,
-                      transition: "all 0.2s",
-                      display: "flex",
-                      alignItems: "center",
-                      gap: "8px"
-                    },
-                    children: [
-                      o && /* @__PURE__ */ n.jsx(
-                        "span",
-                        {
-                          style: {
-                            display: "inline-block",
-                            width: "14px",
-                            height: "14px",
-                            border: "2px solid #ffffff",
-                            borderTopColor: "transparent",
-                            borderRadius: "50%",
-                            animation: "spin 0.6s linear infinite"
+                  ),
+                  /* @__PURE__ */ s.jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        marginTop: "24px"
+                      },
+                      children: [
+                        t.showBranding !== !1 && /* @__PURE__ */ s.jsx("span", { style: { fontSize: "11px", color: "#d1d5db" }, children: "Powered by MetricShift" }),
+                        /* @__PURE__ */ s.jsxs(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              gap: "10px",
+                              marginLeft: "auto"
+                            },
+                            children: [
+                              /* @__PURE__ */ s.jsx(
+                                "button",
+                                {
+                                  type: "button",
+                                  onClick: O,
+                                  disabled: g,
+                                  style: {
+                                    padding: "9px 18px",
+                                    border: "1px solid #e5e7eb",
+                                    borderRadius: "9999px",
+                                    backgroundColor: "#ffffff",
+                                    color: "#374151",
+                                    fontSize: "14px",
+                                    fontWeight: 500,
+                                    cursor: g ? "not-allowed" : "pointer",
+                                    opacity: g ? 0.5 : 1,
+                                    transition: "background-color 0.15s"
+                                  },
+                                  onMouseEnter: (m) => {
+                                    g || (m.currentTarget.style.backgroundColor = "#f9fafb");
+                                  },
+                                  onMouseLeave: (m) => {
+                                    g || (m.currentTarget.style.backgroundColor = "#ffffff");
+                                  },
+                                  children: "Cancel"
+                                }
+                              ),
+                              /* @__PURE__ */ s.jsxs(
+                                "button",
+                                {
+                                  type: "submit",
+                                  disabled: g || S === "success",
+                                  style: {
+                                    padding: "9px 18px",
+                                    border: "none",
+                                    borderRadius: "9999px",
+                                    backgroundColor: S === "success" ? "#10b981" : W,
+                                    color: "#ffffff",
+                                    fontSize: "14px",
+                                    fontWeight: 500,
+                                    cursor: g || S === "success" ? "not-allowed" : "pointer",
+                                    opacity: g ? 0.7 : 1,
+                                    transition: "opacity 0.15s",
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: "8px"
+                                  },
+                                  children: [
+                                    g && /* @__PURE__ */ s.jsx(
+                                      "span",
+                                      {
+                                        style: {
+                                          display: "inline-block",
+                                          width: "13px",
+                                          height: "13px",
+                                          border: "2px solid #ffffff",
+                                          borderTopColor: "transparent",
+                                          borderRadius: "50%",
+                                          animation: "ms-spin 0.6s linear infinite"
+                                        }
+                                      }
+                                    ),
+                                    g ? "Sending…" : S === "success" ? "✓ Sent!" : "Submit"
+                                  ]
+                                }
+                              )
+                            ]
                           }
-                        }
-                      ),
-                      /* @__PURE__ */ n.jsx("span", { children: o ? "Sending..." : x === "success" ? "✓ Sent!" : "Send Feedback" })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ n.jsx("style", { children: `
-          @keyframes spin {
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ s.jsx("style", { children: `
+          @keyframes ms-spin {
             to { transform: rotate(360deg); }
           }
-          @keyframes slideIn {
-            from {
-              opacity: 0;
-              transform: translateY(-10px);
-            }
-            to {
-              opacity: 1;
-              transform: translateY(0);
-            }
-          }
         ` })
           ]
         }
       )
     }
+  ) : null;
+};
+class Dr {
+  constructor() {
+    z(this, "listeners", /* @__PURE__ */ new Set());
+  }
+  on(o) {
+    return this.listeners.add(o), () => this.listeners.delete(o);
+  }
+  emit(o) {
+    this.listeners.forEach((c) => c(o));
+  }
+  clear() {
+    this.listeners.clear();
+  }
+}
+const U = new Dr(), Wr = "msw_";
+function Ue(n, o) {
+  return `${Wr}${n}_${o}`;
+}
+function Lr(n) {
+  try {
+    return localStorage.getItem(Ue(n, "shown")) === "1";
+  } catch {
+    return !1;
+  }
+}
+function zr(n) {
+  try {
+    localStorage.setItem(Ue(n, "shown"), "1");
+  } catch {
+  }
+}
+class Yr {
+  constructor(o, c, i = {}) {
+    z(this, "projectId");
+    z(this, "trigger");
+    z(this, "session");
+    z(this, "cleanupFns", []);
+    z(this, "fired", !1);
+    this.projectId = o, this.trigger = c, this.session = i;
+  }
+  start() {
+    if (!(this.session.showOnce && Lr(this.projectId)))
+      switch (this.trigger.type) {
+        case "auto":
+          this.fire();
+          break;
+        case "delay": {
+          const o = this.trigger.delay ?? 3e3, c = setTimeout(() => this.fire(), o);
+          this.cleanupFns.push(() => clearTimeout(c));
+          break;
+        }
+      }
+  }
+  // Called by MetricShift.open() for manual trigger
+  fireManual(o) {
+    this.fire(o);
+  }
+  fire(o) {
+    this.fired || (this.fired = !0, this.session.showOnce && zr(this.projectId), U.emit({ type: "open", payload: { flowId: o } }));
+  }
+  // Reset fired state — allows re-triggering after close if showOnce is false
+  reset() {
+    this.fired = !1;
+  }
+  // Tear down all listeners and timers
+  destroy() {
+    this.cleanupFns.forEach((o) => o()), this.cleanupFns = [];
+  }
+}
+const Ve = jr(null), qr = () => {
+  const n = Er(Ve);
+  if (!n)
+    throw new Error("useMetricShift must be used within MetricShiftProvider");
+  return n;
+};
+let Se = null;
+const Br = {
+  init: (n) => {
+    Se = {
+      apiUrl: "https://metricshift-sdk-be-production.up.railway.app",
+      ...n
+    }, console.log("✅ MetricShift SDK initialised", {
+      projectId: n.projectId,
+      apiUrl: Se.apiUrl
+    });
+  },
+  open: (n) => {
+    U.emit({ type: "open", payload: { flowId: n } });
+  },
+  close: () => {
+    U.emit({ type: "close" });
+  },
+  trigger: (n) => {
+    U.emit({ type: "trigger", payload: { eventName: n } });
+  },
+  getConfig: () => Se
+}, Xr = ({
+  config: n,
+  children: o
+}) => {
+  const [c, i] = Q(!1), f = je(null), t = n.widget ?? {}, l = t.trigger ?? { type: "manual" }, u = t.session ?? {};
+  ae(() => {
+    Br.init(n);
+  }, []), ae(() => U.on((S) => {
+    var R;
+    S.type === "open" && i(!0), S.type === "close" && (i(!1), (R = f.current) == null || R.reset());
+  }), []), ae(() => {
+    const v = new Yr(n.projectId, l, u);
+    return f.current = v, v.start(), () => v.destroy();
+  }, [n.projectId]);
+  const p = (v) => {
+    U.emit({ type: "open", payload: { flowId: v } });
+  }, g = () => {
+    U.emit({ type: "close" });
+  };
+  return /* @__PURE__ */ s.jsx(
+    Ve.Provider,
+    {
+      value: { config: n, isOpen: c, openWidget: p, closeWidget: g },
+      children: o
+    }
   );
 };
-async function mr(p, m, C) {
-  const c = {
+async function Nr(n, o, c) {
+  const i = {
     "Content-Type": "application/json"
   };
-  C && (c.Authorization = `Bearer ${C}`);
+  c && (i.Authorization = `Bearer ${c}`);
   try {
-    const b = await fetch(`${p}/api/feedback`, {
+    const f = await fetch(`${n}/api/feedback`, {
       method: "POST",
-      headers: c,
-      body: JSON.stringify(m)
+      headers: i,
+      body: JSON.stringify(o)
     });
-    if (!b.ok) {
-      const o = await b.json().catch(() => ({}));
-      throw new Error(o.message || `HTTP ${b.status}: ${b.statusText}`);
+    if (!f.ok) {
+      const t = await f.json().catch(() => ({}));
+      throw new Error(t.message || `HTTP ${f.status}: ${f.statusText}`);
     }
-    return await b.json();
-  } catch (b) {
-    throw b instanceof Error ? b : new Error("Failed to submit feedback");
+    return await f.json();
+  } catch (f) {
+    throw f instanceof Error ? f : new Error("Failed to submit feedback");
   }
 }
-const Er = (p, m = 0.12) => {
-  const C = /^#([0-9a-fA-F]{6})$/.exec(p);
-  if (!C) return p;
-  const c = parseInt(C[1], 16), b = Math.max(0, Math.min(255, Math.round((c >> 16 & 255) * (1 - m)))), o = Math.max(0, Math.min(255, Math.round((c >> 8 & 255) * (1 - m)))), R = Math.max(0, Math.min(255, Math.round((c & 255) * (1 - m)))), x = (g) => g.toString(16).padStart(2, "0");
-  return `#${x(b)}${x(o)}${x(R)}`;
-}, kr = ({
-  projectId: p,
-  apiKey: m,
-  apiUrl: C = "https://metricshift-sdk-be-production.up.railway.app",
-  // Text & display
-  buttonText: c = "Feedback",
-  subtitleText: b,
-  showIcon: o = !1,
-  // Avatar
-  avatarSrc: R,
-  avatarAlt: x,
-  avatarSize: g = 40,
-  // Position & size
-  position: j = "bottom-right",
-  size: v = "medium",
-  // Legacy styling / overrides
-  buttonColor: S,
-  buttonHoverColor: T,
-  buttonTextColor: F,
-  customStyles: B,
-  customClassName: A = "",
-  // New styling API
-  variant: q = "outline",
-  accentColor: I,
-  // Behavior
-  disabled: f = !1,
-  autoOpen: re = !1,
-  // Callbacks
-  onOpen: i,
-  onClose: _,
-  onSuccess: ce,
-  onError: ue
+const Ur = (n, o = 0.12) => {
+  const c = /^#([0-9a-fA-F]{6})$/.exec(n);
+  if (!c) return n;
+  const i = parseInt(c[1], 16), f = Math.max(0, Math.round((i >> 16 & 255) * (1 - o))), t = Math.max(0, Math.round((i >> 8 & 255) * (1 - o))), l = Math.max(0, Math.round((i & 255) * (1 - o))), u = (p) => p.toString(16).padStart(2, "0");
+  return `#${u(f)}${u(t)}${u(l)}`;
+}, Qr = ({
+  projectId: n,
+  apiKey: o,
+  apiUrl: c = "https://metricshift-sdk-be-production.up.railway.app",
+  fields: i = Ne,
+  widgetType: f = "general",
+  appearance: t = {},
+  onOpen: l,
+  onClose: u,
+  onSuccess: p,
+  onError: g
 }) => {
-  const [fe, te] = Y(re), [de, pe] = Y(!1), [be, O] = Y(!1), M = () => {
-    f || (te(!0), i == null || i());
-  }, L = () => {
-    te(!1), _ == null || _();
-  }, ge = async (E) => {
+  let v = !1, S = () => {
+  }, R = () => {
+  };
+  try {
+    const D = qr();
+    v = D.isOpen, S = D.openWidget, R = D.closeWidget;
+  } catch {
+    const [D, C] = oe.useState(!1);
+    v = D, S = () => C(!0), R = () => C(!1);
+  }
+  const [M, A] = oe.useState(!1), [Z, Y] = oe.useState(!1), {
+    buttonText: _ = "Feedback",
+    subtitleText: E,
+    variant: V = "outline",
+    primaryColor: q = "#111827",
+    position: W = "bottom-right",
+    avatarSrc: O,
+    avatarAlt: H,
+    avatarSize: J = 40
+  } = t, m = q, L = Ur(q);
+  let $ = "#ffffff", K = "#f3f4f6", F = q, I = "rgba(15,23,42,0.08)";
+  V === "solid" ? ($ = m, K = L, F = "#ffffff", I = "transparent") : V === "ghost" && ($ = "transparent", K = "#f3f4f6", I = "transparent");
+  const B = W === "inline" ? { position: "relative" } : {
+    position: "fixed",
+    zIndex: 9999,
+    ...W.includes("bottom") ? { bottom: "20px" } : { top: "20px" },
+    ...W.includes("right") ? { right: "20px" } : { left: "20px" }
+  }, ee = W !== "inline" ? "0 12px 30px rgba(15,23,42,0.12)" : "none", ie = () => {
+    S(), l == null || l();
+  }, se = () => {
+    R(), u == null || u();
+  }, le = async (D) => {
     try {
-      const D = {
-        ...E,
-        project_id: p,
-        page_url: window.location.href,
-        page_title: document.title,
-        user_agent: navigator.userAgent,
-        user_identifier: E.userEmail || "anonymous",
-        user_email: E.userEmail,
-        user_name: E.userName,
-        feedback_type: E.feedbackType
-      }, Q = await mr(C, D, m);
-      ce && (Q != null && Q.id) && ce(Q.id);
-    } catch (D) {
-      throw ue && D instanceof Error && ue(D), D;
-    }
-  }, ve = {
-    small: {
-      padding: "6px 14px",
-      fontSize: "13px",
-      iconSize: "14px"
-    },
-    medium: {
-      padding: "10px 18px",
-      fontSize: "15px",
-      iconSize: "18px"
-    },
-    large: {
-      padding: "14px 24px",
-      fontSize: "17px",
-      iconSize: "22px"
+      const C = await Nr(c, D, o);
+      p && (C != null && C.id) && p(C.id);
+    } catch (C) {
+      throw g && C instanceof Error && g(C), C;
     }
-  }, ne = !!R, he = () => {
-    if (j === "inline")
-      return {
-        position: "relative"
-      };
-    const E = {
-      position: "fixed",
-      zIndex: 9999
-    };
-    return j.includes("bottom") ? E.bottom = "20px" : E.top = "20px", j.includes("right") ? E.right = "20px" : E.left = "20px", E;
-  }, H = ve[v], xe = he(), J = I ?? S ?? "#111827", K = j !== "inline" ? "0 12px 30px rgba(15, 23, 42, 0.12)" : "none";
-  let N = "#ffffff", ae = "#f3f4f6", W = F || J, z = "rgba(15, 23, 42, 0.08)", $ = 1;
-  q === "solid" ? (N = S || J, ae = T || Er(N, 0.12), W = F || "#ffffff", z = "transparent", $ = 0) : q === "ghost" && (N = "transparent", ae = "#f3f4f6", W = F || J, z = "transparent", $ = 0);
-  const oe = {
-    // hosts can override these via .ms-feedback-button selector
-    "--ms-feedback-bg": N,
-    "--ms-feedback-color": W,
-    "--ms-feedback-border": z,
-    "--ms-feedback-radius": "9999px",
-    "--ms-feedback-shadow": K
-  }, Se = ne ? {
-    small: "8px 14px",
-    medium: "12px 18px",
-    large: "16px 24px"
-  }[v] : H.padding, ye = {
-    ...oe,
-    padding: Se,
-    backgroundColor: de && !f ? ae : N,
-    color: W,
-    border: $ ? `1px solid ${z}` : "1px solid transparent",
-    borderRadius: "9999px",
-    fontSize: H.fontSize,
-    fontWeight: 600,
-    cursor: f ? "not-allowed" : "pointer",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "8px",
-    boxShadow: be ? `${K}, 0 0 0 3px rgba(59,130,246,0.45)` : K,
-    transition: "all 0.2s ease",
-    opacity: f ? 0.6 : 1,
-    transform: de && !f ? "translateY(-2px)" : "translateY(0)",
-    outline: "none",
-    position: "relative",
-    ...B
-  }, ke = {
-    fontSize: H.iconSize,
-    lineHeight: 1,
-    display: "flex",
-    alignItems: "center"
-  }, Re = {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    lineHeight: 1.2
-  }, G = {
-    fontWeight: 600,
-    fontSize: "inherit"
-  }, U = {
-    marginTop: "2px",
-    fontWeight: 400,
-    fontSize: "12px",
-    opacity: 0.9
-  }, me = {
-    ...xe,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }, Ee = {
-    position: "absolute",
-    top: 0,
-    left: "50%",
-    transform: "translate(-50%, -75%)",
-    // lifted higher
-    width: g,
-    height: g,
-    borderRadius: "9999px",
-    overflow: "hidden",
-    boxShadow: "0 8px 22px rgba(15,23,42,0.22)",
-    border: "2px solid #ffffff",
-    backgroundColor: "#e5e7eb",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 1,
-    pointerEvents: "none"
-  }, X = {
-    width: "100%",
-    height: "100%",
-    objectFit: "cover"
   };
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsxs("div", { style: me, children: [
-      ne && /* @__PURE__ */ n.jsx("div", { style: Ee, "aria-hidden": x ? void 0 : !0, children: R && /* @__PURE__ */ n.jsx(
-        "img",
-        {
-          src: R,
-          alt: x || "",
-          style: X
-        }
-      ) }),
-      /* @__PURE__ */ n.jsxs(
-        "button",
-        {
-          onClick: M,
-          onMouseEnter: () => !f && pe(!0),
-          onMouseLeave: () => !f && pe(!1),
-          onFocus: () => O(!0),
-          onBlur: () => O(!1),
-          disabled: f,
-          className: `ms-feedback-button ${A}`.trim(),
-          style: ye,
-          "aria-label": "Open feedback form",
-          "aria-pressed": fe,
-          "aria-disabled": f,
-          role: "button",
-          tabIndex: f ? -1 : 0,
-          onKeyDown: (E) => {
-            !f && (E.key === "Enter" || E.key === " ") && (E.preventDefault(), M());
-          },
-          children: [
-            o && /* @__PURE__ */ n.jsx("span", { style: ke, "aria-hidden": "true", children: "💬" }),
-            /* @__PURE__ */ n.jsxs("div", { style: Re, children: [
-              /* @__PURE__ */ n.jsx("span", { style: G, children: c }),
-              b && /* @__PURE__ */ n.jsx("span", { style: U, children: b })
-            ] })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ n.jsx(
-      yr,
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsxs(
+      "div",
       {
-        isOpen: fe,
-        onClose: L,
-        onSubmit: ge
+        style: {
+          ...B,
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: [
+          O && /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              "aria-hidden": !H,
+              style: {
+                position: "absolute",
+                top: 0,
+                left: "50%",
+                transform: "translate(-50%, -75%)",
+                width: J,
+                height: J,
+                borderRadius: "9999px",
+                overflow: "hidden",
+                boxShadow: "0 8px 22px rgba(15,23,42,0.22)",
+                border: "2px solid #ffffff",
+                backgroundColor: "#e5e7eb",
+                pointerEvents: "none",
+                zIndex: 1
+              },
+              children: /* @__PURE__ */ s.jsx(
+                "img",
+                {
+                  src: O,
+                  alt: H ?? "",
+                  style: { width: "100%", height: "100%", objectFit: "cover" }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: ie,
+              onMouseEnter: () => A(!0),
+              onMouseLeave: () => A(!1),
+              onFocus: () => Y(!0),
+              onBlur: () => Y(!1),
+              "aria-label": "Open feedback form",
+              "aria-pressed": v,
+              className: "ms-feedback-button",
+              style: {
+                padding: O ? "12px 18px" : "10px 18px",
+                backgroundColor: M ? K : $,
+                color: F,
+                border: `1px solid ${I}`,
+                borderRadius: "9999px",
+                fontSize: "15px",
+                fontWeight: 600,
+                cursor: "pointer",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: "8px",
+                boxShadow: Z ? `${ee}, 0 0 0 3px rgba(59,130,246,0.45)` : ee,
+                transition: "all 0.2s ease",
+                transform: M ? "translateY(-2px)" : "translateY(0)",
+                outline: "none"
+              },
+              children: /* @__PURE__ */ s.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "flex-start",
+                    lineHeight: 1.2
+                  },
+                  children: [
+                    /* @__PURE__ */ s.jsx("span", { style: { fontWeight: 600, fontSize: "15px" }, children: _ }),
+                    E && /* @__PURE__ */ s.jsx(
+                      "span",
+                      {
+                        style: {
+                          marginTop: "2px",
+                          fontWeight: 400,
+                          fontSize: "12px",
+                          opacity: 0.9
+                        },
+                        children: E
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      $r,
+      {
+        isOpen: v,
+        onClose: se,
+        onSubmit: le,
+        projectId: n,
+        fields: i,
+        appearance: t,
+        widgetType: f
       }
     )
   ] });
-}, Ke = gr(null), Rr = () => {
-  const p = vr(Ke);
-  if (!p)
-    throw new Error("useMetricShift must be used within MetricShiftProvider");
-  return p;
-}, jr = ({
-  config: p,
-  children: m
-}) => /* @__PURE__ */ n.jsx(Ke.Provider, { value: p, children: m });
-let Te = null;
-const _r = {
-  /**
-   * Initialize the MetricShift SDK
-   * @param config - SDK configuration
-   */
-  init: (p) => {
-    Te = {
-      apiUrl: "http://localhost:3000",
-      ...p
-    }, console.log("✅ MetricShift SDK initialized", {
-      projectId: p.projectId,
-      apiUrl: Te.apiUrl
-    });
-  },
-  /**
-   * Get current SDK configuration
-   */
-  getConfig: () => Te
-};
+}, Vr = "msw_";
+class Zr {
+  constructor(o) {
+    z(this, "projectId");
+    this.projectId = o;
+  }
+  key(o) {
+    return `${Vr}${this.projectId}_${o}`;
+  }
+  hasShownBefore() {
+    try {
+      return localStorage.getItem(this.key("shown")) === "1";
+    } catch {
+      return !1;
+    }
+  }
+  markShown() {
+    try {
+      localStorage.setItem(this.key("shown"), "1");
+    } catch {
+    }
+  }
+  clearShown() {
+    try {
+      localStorage.removeItem(this.key("shown"));
+    } catch {
+    }
+  }
+}
 export {
-  kr as FeedbackButton,
-  yr as FeedbackModal,
-  _r as MetricShift,
-  jr as MetricShiftProvider,
-  mr as submitFeedback,
-  Rr as useMetricShift
+  Gr as CSAT_PRESET,
+  Qr as FeedbackButton,
+  $r as FeedbackModal,
+  Mr as FormRenderer,
+  Ne as GENERAL_PRESET,
+  Br as MetricShift,
+  Xr as MetricShiftProvider,
+  Kr as NPS_PRESET,
+  Zr as SessionManager,
+  Yr as TriggerEngine,
+  U as eventBus,
+  Ar as useFormState,
+  qr as useMetricShift
 };
 //# sourceMappingURL=index.esm.js.map