@notmrabhi/flowforge 0.1.5 → 0.1.7

package/dist/SchemaBuilderDrawer-BAOGl8dt.js

@@ -0,0 +1,3682 @@
+import { useState as E, useRef as G, useEffect as me, useCallback as be, useMemo as ue } from "react";
+import { useFormik as Pt } from "formik";
+import { A as Lt, F as ze, n as Vt, j as qt, l as Wt, B as ot, f as De, a as We, t as Ke, T as Ut, c as Bt, V as Zt } from "./index-D6g2IXSf.js";
+import { jsxs as f, jsx as l, Fragment as Te } from "react/jsx-runtime";
+import { Box as d, Collapse as Ht, Tooltip as te, Dialog as ct, Typography as A, IconButton as Fe, Stepper as Yt, Step as Gt, StepLabel as Jt, Drawer as Kt, Chip as Xt, Divider as Qt } from "@mui/material";
+import { MdSearch as ut, MdClose as re, MdCheck as Ee, MdAdd as _e, MdArrowBack as dt, MdEdit as er, MdDeleteOutline as tr, MdSettings as ft, MdArrowForward as rr } from "react-icons/md";
+import { FaWpforms as nr } from "react-icons/fa6";
+import { g as ir } from "./_commonjsHelpers-DaMA6jEr.js";
+function fe(r) {
+  this._maxSize = r, this.clear();
+}
+fe.prototype.clear = function() {
+  this._size = 0, this._values = /* @__PURE__ */ Object.create(null);
+};
+fe.prototype.get = function(r) {
+  return this._values[r];
+};
+fe.prototype.set = function(r, e) {
+  return this._size >= this._maxSize && this.clear(), r in this._values || this._size++, this._values[r] = e;
+};
+var lr = /[^.^\]^[]+|(?=\[\]|\.\.)/g, pt = /^\d+$/, sr = /^\d/, ar = /[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g, or = /^\s*(['"]?)(.*?)(\1)\s*$/, Ue = 512, Xe = new fe(Ue);
+new fe(Ue);
+var Qe = new fe(Ue), le = {
+  split: je,
+  normalizePath: et,
+  getter: function(r, e) {
+    var t = et(r);
+    return Qe.get(r) || Qe.set(r, function(i) {
+      for (var s = 0, a = t.length; s < a; )
+        if (i != null || !e) i = i[t[s++]];
+        else return;
+      return i;
+    });
+  },
+  join: function(r) {
+    return r.reduce(function(e, t) {
+      return e + (Be(t) || pt.test(t) ? "[" + t + "]" : (e ? "." : "") + t);
+    }, "");
+  },
+  forEach: function(r, e, t) {
+    cr(Array.isArray(r) ? r : je(r), e, t);
+  }
+};
+function et(r) {
+  return Xe.get(r) || Xe.set(
+    r,
+    je(r).map(function(e) {
+      return e.replace(or, "$2");
+    })
+  );
+}
+function je(r) {
+  return r.match(lr) || [""];
+}
+function cr(r, e, t) {
+  var n = r.length, i, s, a, o;
+  for (s = 0; s < n; s++)
+    i = r[s], i && (fr(i) && (i = '"' + i + '"'), o = Be(i), a = !o && /^\d+$/.test(i), e.call(t, i, o, a, s, r));
+}
+function Be(r) {
+  return typeof r == "string" && r && ["'", '"'].indexOf(r.charAt(0)) !== -1;
+}
+function ur(r) {
+  return r.match(sr) && !r.match(pt);
+}
+function dr(r) {
+  return ar.test(r);
+}
+function fr(r) {
+  return !Be(r) && (ur(r) || dr(r));
+}
+const pr = /[A-Z\xc0-\xd6\xd8-\xde]?[a-z\xdf-\xf6\xf8-\xff]+(?:['’](?:d|ll|m|re|s|t|ve))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde]|$)|(?:[A-Z\xc0-\xd6\xd8-\xde]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:D|LL|M|RE|S|T|VE))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde](?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])|$)|[A-Z\xc0-\xd6\xd8-\xde]?(?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:d|ll|m|re|s|t|ve))?|[A-Z\xc0-\xd6\xd8-\xde]+(?:['’](?:D|LL|M|RE|S|T|VE))?|\d*(?:1ST|2ND|3RD|(?![123])\dTH)(?=\b|[a-z_])|\d*(?:1st|2nd|3rd|(?![123])\dth)(?=\b|[A-Z_])|\d+|(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?)*/g, ht = (r) => r.match(pr) || [], hr = (r, e) => ht(r).join(e).toLowerCase(), mr = (r) => ht(r).reduce(
+  (e, t) => `${e}${e ? t[0].toUpperCase() + t.slice(1).toLowerCase() : t.toLowerCase()}`,
+  ""
+), br = (r) => hr(r, "_");
+var Re = {
+  camelCase: mr,
+  snakeCase: br
+}, Ze = { exports: {} };
+Ze.exports = function(r) {
+  return mt(gr(r), r);
+};
+Ze.exports.array = mt;
+function mt(r, e) {
+  var t = r.length, n = new Array(t), i = {}, s = t, a = xr(e), o = yr(r);
+  for (e.forEach(function(p) {
+    if (!o.has(p[0]) || !o.has(p[1]))
+      throw new Error("Unknown node. There is an unknown node in the supplied edges.");
+  }); s--; )
+    i[s] || c(r[s], s, /* @__PURE__ */ new Set());
+  return n;
+  function c(p, m, b) {
+    if (b.has(p)) {
+      var h;
+      try {
+        h = ", node was:" + JSON.stringify(p);
+      } catch {
+        h = "";
+      }
+      throw new Error("Cyclic dependency" + h);
+    }
+    if (!o.has(p))
+      throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: " + JSON.stringify(p));
+    if (!i[m]) {
+      i[m] = !0;
+      var u = a.get(p) || /* @__PURE__ */ new Set();
+      if (u = Array.from(u), m = u.length) {
+        b.add(p);
+        do {
+          var x = u[--m];
+          c(x, o.get(x), b);
+        } while (m);
+        b.delete(p);
+      }
+      n[--t] = p;
+    }
+  }
+}
+function gr(r) {
+  for (var e = /* @__PURE__ */ new Set(), t = 0, n = r.length; t < n; t++) {
+    var i = r[t];
+    e.add(i[0]), e.add(i[1]);
+  }
+  return Array.from(e);
+}
+function xr(r) {
+  for (var e = /* @__PURE__ */ new Map(), t = 0, n = r.length; t < n; t++) {
+    var i = r[t];
+    e.has(i[0]) || e.set(i[0], /* @__PURE__ */ new Set()), e.has(i[1]) || e.set(i[1], /* @__PURE__ */ new Set()), e.get(i[0]).add(i[1]);
+  }
+  return e;
+}
+function yr(r) {
+  for (var e = /* @__PURE__ */ new Map(), t = 0, n = r.length; t < n; t++)
+    e.set(r[t], t);
+  return e;
+}
+var vr = Ze.exports;
+const Sr = /* @__PURE__ */ ir(vr), wr = Object.prototype.toString, kr = Error.prototype.toString, Cr = RegExp.prototype.toString, Tr = typeof Symbol < "u" ? Symbol.prototype.toString : () => "", Fr = /^Symbol\((.*)\)(.*)$/;
+function Or(r) {
+  return r != +r ? "NaN" : r === 0 && 1 / r < 0 ? "-0" : "" + r;
+}
+function tt(r, e = !1) {
+  if (r == null || r === !0 || r === !1) return "" + r;
+  const t = typeof r;
+  if (t === "number") return Or(r);
+  if (t === "string") return e ? `"${r}"` : r;
+  if (t === "function") return "[Function " + (r.name || "anonymous") + "]";
+  if (t === "symbol") return Tr.call(r).replace(Fr, "Symbol($1)");
+  const n = wr.call(r).slice(8, -1);
+  return n === "Date" ? isNaN(r.getTime()) ? "" + r : r.toISOString(r) : n === "Error" || r instanceof Error ? "[" + kr.call(r) + "]" : n === "RegExp" ? Cr.call(r) : null;
+}
+function K(r, e) {
+  let t = tt(r, e);
+  return t !== null ? t : JSON.stringify(r, function(n, i) {
+    let s = tt(this[n], e);
+    return s !== null ? s : i;
+  }, 2);
+}
+function bt(r) {
+  return r == null ? [] : [].concat(r);
+}
+let gt, xt, yt, $r = /\$\{\s*(\w+)\s*\}/g;
+gt = Symbol.toStringTag;
+class rt {
+  constructor(e, t, n, i) {
+    this.name = void 0, this.message = void 0, this.value = void 0, this.path = void 0, this.type = void 0, this.params = void 0, this.errors = void 0, this.inner = void 0, this[gt] = "Error", this.name = "ValidationError", this.value = t, this.path = n, this.type = i, this.errors = [], this.inner = [], bt(e).forEach((s) => {
+      if (j.isError(s)) {
+        this.errors.push(...s.errors);
+        const a = s.inner.length ? s.inner : [s];
+        this.inner.push(...a);
+      } else
+        this.errors.push(s);
+    }), this.message = this.errors.length > 1 ? `${this.errors.length} errors occurred` : this.errors[0];
+  }
+}
+xt = Symbol.hasInstance;
+yt = Symbol.toStringTag;
+class j extends Error {
+  static formatError(e, t) {
+    const n = t.label || t.path || "this";
+    return t = Object.assign({}, t, {
+      path: n,
+      originalPath: t.path
+    }), typeof e == "string" ? e.replace($r, (i, s) => K(t[s])) : typeof e == "function" ? e(t) : e;
+  }
+  static isError(e) {
+    return e && e.name === "ValidationError";
+  }
+  constructor(e, t, n, i, s) {
+    const a = new rt(e, t, n, i);
+    if (s)
+      return a;
+    super(), this.value = void 0, this.path = void 0, this.type = void 0, this.params = void 0, this.errors = [], this.inner = [], this[yt] = "Error", this.name = a.name, this.message = a.message, this.type = a.type, this.value = a.value, this.path = a.path, this.errors = a.errors, this.inner = a.inner, Error.captureStackTrace && Error.captureStackTrace(this, j);
+  }
+  static [xt](e) {
+    return rt[Symbol.hasInstance](e) || super[Symbol.hasInstance](e);
+  }
+}
+let Y = {
+  default: "${path} is invalid",
+  required: "${path} is a required field",
+  defined: "${path} must be defined",
+  notNull: "${path} cannot be null",
+  oneOf: "${path} must be one of the following values: ${values}",
+  notOneOf: "${path} must not be one of the following values: ${values}",
+  notType: ({
+    path: r,
+    type: e,
+    value: t,
+    originalValue: n
+  }) => {
+    const i = n != null && n !== t ? ` (cast from the value \`${K(n, !0)}\`).` : ".";
+    return e !== "mixed" ? `${r} must be a \`${e}\` type, but the final value was: \`${K(t, !0)}\`` + i : `${r} must match the configured type. The validated value was: \`${K(t, !0)}\`` + i;
+  }
+}, P = {
+  length: "${path} must be exactly ${length} characters",
+  min: "${path} must be at least ${min} characters",
+  max: "${path} must be at most ${max} characters",
+  matches: '${path} must match the following: "${regex}"',
+  email: "${path} must be a valid email",
+  url: "${path} must be a valid URL",
+  uuid: "${path} must be a valid UUID",
+  datetime: "${path} must be a valid ISO date-time",
+  datetime_precision: "${path} must be a valid ISO date-time with a sub-second precision of exactly ${precision} digits",
+  datetime_offset: '${path} must be a valid ISO date-time with UTC "Z" timezone',
+  trim: "${path} must be a trimmed string",
+  lowercase: "${path} must be a lowercase string",
+  uppercase: "${path} must be a upper case string"
+}, ee = {
+  min: "${path} must be greater than or equal to ${min}",
+  max: "${path} must be less than or equal to ${max}",
+  lessThan: "${path} must be less than ${less}",
+  moreThan: "${path} must be greater than ${more}",
+  positive: "${path} must be a positive number",
+  negative: "${path} must be a negative number",
+  integer: "${path} must be an integer"
+}, Me = {
+  min: "${path} field must be later than ${min}",
+  max: "${path} field must be at earlier than ${max}"
+}, Pe = {
+  isValue: "${path} field must be ${value}"
+}, ye = {
+  noUnknown: "${path} field has unspecified keys: ${unknown}",
+  exact: "${path} object contains unknown properties: ${properties}"
+}, ve = {
+  min: "${path} field must have at least ${min} items",
+  max: "${path} field must have less than or equal to ${max} items",
+  length: "${path} must have ${length} items"
+}, Er = {
+  notType: (r) => {
+    const {
+      path: e,
+      value: t,
+      spec: n
+    } = r, i = n.types.length;
+    if (Array.isArray(t)) {
+      if (t.length < i) return `${e} tuple value has too few items, expected a length of ${i} but got ${t.length} for value: \`${K(t, !0)}\``;
+      if (t.length > i) return `${e} tuple value has too many items, expected a length of ${i} but got ${t.length} for value: \`${K(t, !0)}\``;
+    }
+    return j.formatError(Y.notType, r);
+  }
+};
+Object.assign(/* @__PURE__ */ Object.create(null), {
+  mixed: Y,
+  string: P,
+  number: ee,
+  date: Me,
+  object: ye,
+  array: ve,
+  boolean: Pe,
+  tuple: Er
+});
+const Ne = (r) => r && r.__isYupSchema__;
+class Oe {
+  static fromOptions(e, t) {
+    if (!t.then && !t.otherwise) throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");
+    let {
+      is: n,
+      then: i,
+      otherwise: s
+    } = t, a = typeof n == "function" ? n : (...o) => o.every((c) => c === n);
+    return new Oe(e, (o, c) => {
+      var p;
+      let m = a(...o) ? i : s;
+      return (p = m == null ? void 0 : m(c)) != null ? p : c;
+    });
+  }
+  constructor(e, t) {
+    this.fn = void 0, this.refs = e, this.refs = e, this.fn = t;
+  }
+  resolve(e, t) {
+    let n = this.refs.map((s) => (
+      // TODO: ? operator here?
+      s.getValue(t == null ? void 0 : t.value, t == null ? void 0 : t.parent, t == null ? void 0 : t.context)
+    )), i = this.fn(n, e, t);
+    if (i === void 0 || // @ts-ignore this can be base
+    i === e)
+      return e;
+    if (!Ne(i)) throw new TypeError("conditions must return a schema object");
+    return i.resolve(t);
+  }
+}
+const ge = {
+  context: "$",
+  value: "."
+};
+class se {
+  constructor(e, t = {}) {
+    if (this.key = void 0, this.isContext = void 0, this.isValue = void 0, this.isSibling = void 0, this.path = void 0, this.getter = void 0, this.map = void 0, typeof e != "string") throw new TypeError("ref must be a string, got: " + e);
+    if (this.key = e.trim(), e === "") throw new TypeError("ref must be a non-empty string");
+    this.isContext = this.key[0] === ge.context, this.isValue = this.key[0] === ge.value, this.isSibling = !this.isContext && !this.isValue;
+    let n = this.isContext ? ge.context : this.isValue ? ge.value : "";
+    this.path = this.key.slice(n.length), this.getter = this.path && le.getter(this.path, !0), this.map = t.map;
+  }
+  getValue(e, t, n) {
+    let i = this.isContext ? n : this.isValue ? e : t;
+    return this.getter && (i = this.getter(i || {})), this.map && (i = this.map(i)), i;
+  }
+  /**
+   *
+   * @param {*} value
+   * @param {Object} options
+   * @param {Object=} options.context
+   * @param {Object=} options.parent
+   */
+  cast(e, t) {
+    return this.getValue(e, t == null ? void 0 : t.parent, t == null ? void 0 : t.context);
+  }
+  resolve() {
+    return this;
+  }
+  describe() {
+    return {
+      type: "ref",
+      key: this.key
+    };
+  }
+  toString() {
+    return `Ref(${this.key})`;
+  }
+  static isRef(e) {
+    return e && e.__isYupRef;
+  }
+}
+se.prototype.__isYupRef = !0;
+const Z = (r) => r == null;
+function oe(r) {
+  function e({
+    value: t,
+    path: n = "",
+    options: i,
+    originalValue: s,
+    schema: a
+  }, o, c) {
+    const {
+      name: p,
+      test: m,
+      params: b,
+      message: h,
+      skipAbsent: u
+    } = r;
+    let {
+      parent: x,
+      context: g,
+      abortEarly: v = a.spec.abortEarly,
+      disableStackTrace: S = a.spec.disableStackTrace
+    } = i;
+    const F = {
+      value: t,
+      parent: x,
+      context: g
+    };
+    function N($ = {}) {
+      const w = vt(Object.assign({
+        value: t,
+        originalValue: s,
+        label: a.spec.label,
+        path: $.path || n,
+        spec: a.spec,
+        disableStackTrace: $.disableStackTrace || S
+      }, b, $.params), F), Q = new j(j.formatError($.message || h, w), t, w.path, $.type || p, w.disableStackTrace);
+      return Q.params = w, Q;
+    }
+    const O = v ? o : c;
+    let D = {
+      path: n,
+      parent: x,
+      type: p,
+      from: i.from,
+      createError: N,
+      resolve($) {
+        return St($, F);
+      },
+      options: i,
+      originalValue: s,
+      schema: a
+    };
+    const q = ($) => {
+      j.isError($) ? O($) : $ ? c(null) : O(N());
+    }, X = ($) => {
+      j.isError($) ? O($) : o($);
+    };
+    if (u && Z(t))
+      return q(!0);
+    let M;
+    try {
+      var W;
+      if (M = m.call(D, t, D), typeof ((W = M) == null ? void 0 : W.then) == "function") {
+        if (i.sync)
+          throw new Error(`Validation test of type: "${D.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);
+        return Promise.resolve(M).then(q, X);
+      }
+    } catch ($) {
+      X($);
+      return;
+    }
+    q(M);
+  }
+  return e.OPTIONS = r, e;
+}
+function vt(r, e) {
+  if (!r) return r;
+  for (const t of Object.keys(r))
+    r[t] = St(r[t], e);
+  return r;
+}
+function St(r, e) {
+  return se.isRef(r) ? r.getValue(e.value, e.parent, e.context) : r;
+}
+function _r(r, e, t, n = t) {
+  let i, s, a;
+  return e ? (le.forEach(e, (o, c, p) => {
+    let m = c ? o.slice(1, o.length - 1) : o;
+    r = r.resolve({
+      context: n,
+      parent: i,
+      value: t
+    });
+    let b = r.type === "tuple", h = p ? parseInt(m, 10) : 0;
+    if (r.innerType || b) {
+      if (b && !p) throw new Error(`Yup.reach cannot implicitly index into a tuple type. the path part "${a}" must contain an index to the tuple element, e.g. "${a}[0]"`);
+      if (t && h >= t.length)
+        throw new Error(`Yup.reach cannot resolve an array item at index: ${o}, in the path: ${e}. because there is no value at that index. `);
+      i = t, t = t && t[h], r = b ? r.spec.types[h] : r.innerType;
+    }
+    if (!p) {
+      if (!r.fields || !r.fields[m]) throw new Error(`The schema does not contain the path: ${e}. (failed at: ${a} which is a type: "${r.type}")`);
+      i = t, t = t && t[m], r = r.fields[m];
+    }
+    s = m, a = c ? "[" + o + "]" : "." + o;
+  }), {
+    schema: r,
+    parent: i,
+    parentPath: s
+  }) : {
+    parent: i,
+    parentPath: e,
+    schema: r
+  };
+}
+class $e extends Set {
+  describe() {
+    const e = [];
+    for (const t of this.values())
+      e.push(se.isRef(t) ? t.describe() : t);
+    return e;
+  }
+  resolveAll(e) {
+    let t = [];
+    for (const n of this.values())
+      t.push(e(n));
+    return t;
+  }
+  clone() {
+    return new $e(this.values());
+  }
+  merge(e, t) {
+    const n = this.clone();
+    return e.forEach((i) => n.add(i)), t.forEach((i) => n.delete(i)), n;
+  }
+}
+function de(r, e = /* @__PURE__ */ new Map()) {
+  if (Ne(r) || !r || typeof r != "object") return r;
+  if (e.has(r)) return e.get(r);
+  let t;
+  if (r instanceof Date)
+    t = new Date(r.getTime()), e.set(r, t);
+  else if (r instanceof RegExp)
+    t = new RegExp(r), e.set(r, t);
+  else if (Array.isArray(r)) {
+    t = new Array(r.length), e.set(r, t);
+    for (let n = 0; n < r.length; n++) t[n] = de(r[n], e);
+  } else if (r instanceof Map) {
+    t = /* @__PURE__ */ new Map(), e.set(r, t);
+    for (const [n, i] of r.entries()) t.set(n, de(i, e));
+  } else if (r instanceof Set) {
+    t = /* @__PURE__ */ new Set(), e.set(r, t);
+    for (const n of r) t.add(de(n, e));
+  } else if (r instanceof Object) {
+    t = {}, e.set(r, t);
+    for (const [n, i] of Object.entries(r)) t[n] = de(i, e);
+  } else
+    throw Error(`Unable to clone ${r}`);
+  return t;
+}
+function Nr(r) {
+  if (!(r != null && r.length))
+    return;
+  const e = [];
+  let t = "", n = !1, i = !1;
+  for (let s = 0; s < r.length; s++) {
+    const a = r[s];
+    if (a === "[" && !i) {
+      t && (e.push(...t.split(".").filter(Boolean)), t = ""), n = !0;
+      continue;
+    }
+    if (a === "]" && !i) {
+      t && (/^\d+$/.test(t) ? e.push(t) : e.push(t.replace(/^"|"$/g, "")), t = ""), n = !1;
+      continue;
+    }
+    if (a === '"') {
+      i = !i;
+      continue;
+    }
+    if (a === "." && !n && !i) {
+      t && (e.push(t), t = "");
+      continue;
+    }
+    t += a;
+  }
+  return t && e.push(...t.split(".").filter(Boolean)), e;
+}
+function Ar(r, e) {
+  const t = e ? `${e}.${r.path}` : r.path;
+  return r.errors.map((n) => ({
+    message: n,
+    path: Nr(t)
+  }));
+}
+function wt(r, e) {
+  var t;
+  if (!((t = r.inner) != null && t.length) && r.errors.length)
+    return Ar(r, e);
+  const n = e ? `${e}.${r.path}` : r.path;
+  return r.inner.flatMap((i) => wt(i, n));
+}
+class V {
+  constructor(e) {
+    this.type = void 0, this.deps = [], this.tests = void 0, this.transforms = void 0, this.conditions = [], this._mutate = void 0, this.internalTests = {}, this._whitelist = new $e(), this._blacklist = new $e(), this.exclusiveTests = /* @__PURE__ */ Object.create(null), this._typeCheck = void 0, this.spec = void 0, this.tests = [], this.transforms = [], this.withMutation(() => {
+      this.typeError(Y.notType);
+    }), this.type = e.type, this._typeCheck = e.check, this.spec = Object.assign({
+      strip: !1,
+      strict: !1,
+      abortEarly: !0,
+      recursive: !0,
+      disableStackTrace: !1,
+      nullable: !1,
+      optional: !0,
+      coerce: !0
+    }, e == null ? void 0 : e.spec), this.withMutation((t) => {
+      t.nonNullable();
+    });
+  }
+  // TODO: remove
+  get _type() {
+    return this.type;
+  }
+  clone(e) {
+    if (this._mutate)
+      return e && Object.assign(this.spec, e), this;
+    const t = Object.create(Object.getPrototypeOf(this));
+    return t.type = this.type, t._typeCheck = this._typeCheck, t._whitelist = this._whitelist.clone(), t._blacklist = this._blacklist.clone(), t.internalTests = Object.assign({}, this.internalTests), t.exclusiveTests = Object.assign({}, this.exclusiveTests), t.deps = [...this.deps], t.conditions = [...this.conditions], t.tests = [...this.tests], t.transforms = [...this.transforms], t.spec = de(Object.assign({}, this.spec, e)), t;
+  }
+  label(e) {
+    let t = this.clone();
+    return t.spec.label = e, t;
+  }
+  meta(...e) {
+    if (e.length === 0) return this.spec.meta;
+    let t = this.clone();
+    return t.spec.meta = Object.assign(t.spec.meta || {}, e[0]), t;
+  }
+  withMutation(e) {
+    let t = this._mutate;
+    this._mutate = !0;
+    let n = e(this);
+    return this._mutate = t, n;
+  }
+  concat(e) {
+    if (!e || e === this) return this;
+    if (e.type !== this.type && this.type !== "mixed") throw new TypeError(`You cannot \`concat()\` schema's of different types: ${this.type} and ${e.type}`);
+    let t = this, n = e.clone();
+    const i = Object.assign({}, t.spec, n.spec);
+    return n.spec = i, n.internalTests = Object.assign({}, t.internalTests, n.internalTests), n._whitelist = t._whitelist.merge(e._whitelist, e._blacklist), n._blacklist = t._blacklist.merge(e._blacklist, e._whitelist), n.tests = t.tests, n.exclusiveTests = t.exclusiveTests, n.withMutation((s) => {
+      e.tests.forEach((a) => {
+        s.test(a.OPTIONS);
+      });
+    }), n.transforms = [...t.transforms, ...n.transforms], n;
+  }
+  isType(e) {
+    return e == null ? !!(this.spec.nullable && e === null || this.spec.optional && e === void 0) : this._typeCheck(e);
+  }
+  resolve(e) {
+    let t = this;
+    if (t.conditions.length) {
+      let n = t.conditions;
+      t = t.clone(), t.conditions = [], t = n.reduce((i, s) => s.resolve(i, e), t), t = t.resolve(e);
+    }
+    return t;
+  }
+  resolveOptions(e) {
+    var t, n, i, s;
+    return Object.assign({}, e, {
+      from: e.from || [],
+      strict: (t = e.strict) != null ? t : this.spec.strict,
+      abortEarly: (n = e.abortEarly) != null ? n : this.spec.abortEarly,
+      recursive: (i = e.recursive) != null ? i : this.spec.recursive,
+      disableStackTrace: (s = e.disableStackTrace) != null ? s : this.spec.disableStackTrace
+    });
+  }
+  /**
+   * Run the configured transform pipeline over an input value.
+   */
+  cast(e, t = {}) {
+    let n = this.resolve(Object.assign({}, t, {
+      value: e
+      // parent: options.parent,
+      // context: options.context,
+    })), i = t.assert === "ignore-optionality", s = n._cast(e, t);
+    if (t.assert !== !1 && !n.isType(s)) {
+      if (i && Z(s))
+        return s;
+      let a = K(e), o = K(s);
+      throw new TypeError(`The value of ${t.path || "field"} could not be cast to a value that satisfies the schema type: "${n.type}". 
+
+attempted value: ${a} 
+` + (o !== a ? `result of cast: ${o}` : ""));
+    }
+    return s;
+  }
+  _cast(e, t) {
+    let n = e === void 0 ? e : this.transforms.reduce((i, s) => s.call(this, i, e, this, t), e);
+    return n === void 0 && (n = this.getDefault(t)), n;
+  }
+  _validate(e, t = {}, n, i) {
+    let {
+      path: s,
+      originalValue: a = e,
+      strict: o = this.spec.strict
+    } = t, c = e;
+    o || (c = this._cast(c, Object.assign({
+      assert: !1
+    }, t)));
+    let p = [];
+    for (let m of Object.values(this.internalTests))
+      m && p.push(m);
+    this.runTests({
+      path: s,
+      value: c,
+      originalValue: a,
+      options: t,
+      tests: p
+    }, n, (m) => {
+      if (m.length)
+        return i(m, c);
+      this.runTests({
+        path: s,
+        value: c,
+        originalValue: a,
+        options: t,
+        tests: this.tests
+      }, n, i);
+    });
+  }
+  /**
+   * Executes a set of validations, either schema, produced Tests or a nested
+   * schema validate result.
+   */
+  runTests(e, t, n) {
+    let i = !1, {
+      tests: s,
+      value: a,
+      originalValue: o,
+      path: c,
+      options: p
+    } = e, m = (g) => {
+      i || (i = !0, t(g, a));
+    }, b = (g) => {
+      i || (i = !0, n(g, a));
+    }, h = s.length, u = [];
+    if (!h) return b([]);
+    let x = {
+      value: a,
+      originalValue: o,
+      path: c,
+      options: p,
+      schema: this
+    };
+    for (let g = 0; g < s.length; g++) {
+      const v = s[g];
+      v(x, m, function(F) {
+        F && (Array.isArray(F) ? u.push(...F) : u.push(F)), --h <= 0 && b(u);
+      });
+    }
+  }
+  asNestedTest({
+    key: e,
+    index: t,
+    parent: n,
+    parentPath: i,
+    originalParent: s,
+    options: a
+  }) {
+    const o = e ?? t;
+    if (o == null)
+      throw TypeError("Must include `key` or `index` for nested validations");
+    const c = typeof o == "number";
+    let p = n[o];
+    const m = Object.assign({}, a, {
+      // Nested validations fields are always strict:
+      //    1. parent isn't strict so the casting will also have cast inner values
+      //    2. parent is strict in which case the nested values weren't cast either
+      strict: !0,
+      parent: n,
+      value: p,
+      originalValue: s[o],
+      // FIXME: tests depend on `index` being passed around deeply,
+      //   we should not let the options.key/index bleed through
+      key: void 0,
+      // index: undefined,
+      [c ? "index" : "key"]: o,
+      path: c || o.includes(".") ? `${i || ""}[${c ? o : `"${o}"`}]` : (i ? `${i}.` : "") + e
+    });
+    return (b, h, u) => this.resolve(m)._validate(p, m, h, u);
+  }
+  validate(e, t) {
+    var n;
+    let i = this.resolve(Object.assign({}, t, {
+      value: e
+    })), s = (n = t == null ? void 0 : t.disableStackTrace) != null ? n : i.spec.disableStackTrace;
+    return new Promise((a, o) => i._validate(e, t, (c, p) => {
+      j.isError(c) && (c.value = p), o(c);
+    }, (c, p) => {
+      c.length ? o(new j(c, p, void 0, void 0, s)) : a(p);
+    }));
+  }
+  validateSync(e, t) {
+    var n;
+    let i = this.resolve(Object.assign({}, t, {
+      value: e
+    })), s, a = (n = t == null ? void 0 : t.disableStackTrace) != null ? n : i.spec.disableStackTrace;
+    return i._validate(e, Object.assign({}, t, {
+      sync: !0
+    }), (o, c) => {
+      throw j.isError(o) && (o.value = c), o;
+    }, (o, c) => {
+      if (o.length) throw new j(o, e, void 0, void 0, a);
+      s = c;
+    }), s;
+  }
+  isValid(e, t) {
+    return this.validate(e, t).then(() => !0, (n) => {
+      if (j.isError(n)) return !1;
+      throw n;
+    });
+  }
+  isValidSync(e, t) {
+    try {
+      return this.validateSync(e, t), !0;
+    } catch (n) {
+      if (j.isError(n)) return !1;
+      throw n;
+    }
+  }
+  _getDefault(e) {
+    let t = this.spec.default;
+    return t == null ? t : typeof t == "function" ? t.call(this, e) : de(t);
+  }
+  getDefault(e) {
+    return this.resolve(e || {})._getDefault(e);
+  }
+  default(e) {
+    return arguments.length === 0 ? this._getDefault() : this.clone({
+      default: e
+    });
+  }
+  strict(e = !0) {
+    return this.clone({
+      strict: e
+    });
+  }
+  nullability(e, t) {
+    const n = this.clone({
+      nullable: e
+    });
+    return n.internalTests.nullable = oe({
+      message: t,
+      name: "nullable",
+      test(i) {
+        return i === null ? this.schema.spec.nullable : !0;
+      }
+    }), n;
+  }
+  optionality(e, t) {
+    const n = this.clone({
+      optional: e
+    });
+    return n.internalTests.optionality = oe({
+      message: t,
+      name: "optionality",
+      test(i) {
+        return i === void 0 ? this.schema.spec.optional : !0;
+      }
+    }), n;
+  }
+  optional() {
+    return this.optionality(!0);
+  }
+  defined(e = Y.defined) {
+    return this.optionality(!1, e);
+  }
+  nullable() {
+    return this.nullability(!0);
+  }
+  nonNullable(e = Y.notNull) {
+    return this.nullability(!1, e);
+  }
+  required(e = Y.required) {
+    return this.clone().withMutation((t) => t.nonNullable(e).defined(e));
+  }
+  notRequired() {
+    return this.clone().withMutation((e) => e.nullable().optional());
+  }
+  transform(e) {
+    let t = this.clone();
+    return t.transforms.push(e), t;
+  }
+  /**
+   * Adds a test function to the schema's queue of tests.
+   * tests can be exclusive or non-exclusive.
+   *
+   * - exclusive tests, will replace any existing tests of the same name.
+   * - non-exclusive: can be stacked
+   *
+   * If a non-exclusive test is added to a schema with an exclusive test of the same name
+   * the exclusive test is removed and further tests of the same name will be stacked.
+   *
+   * If an exclusive test is added to a schema with non-exclusive tests of the same name
+   * the previous tests are removed and further tests of the same name will replace each other.
+   */
+  test(...e) {
+    let t;
+    if (e.length === 1 ? typeof e[0] == "function" ? t = {
+      test: e[0]
+    } : t = e[0] : e.length === 2 ? t = {
+      name: e[0],
+      test: e[1]
+    } : t = {
+      name: e[0],
+      message: e[1],
+      test: e[2]
+    }, t.message === void 0 && (t.message = Y.default), typeof t.test != "function") throw new TypeError("`test` is a required parameters");
+    let n = this.clone(), i = oe(t), s = t.exclusive || t.name && n.exclusiveTests[t.name] === !0;
+    if (t.exclusive && !t.name)
+      throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");
+    return t.name && (n.exclusiveTests[t.name] = !!t.exclusive), n.tests = n.tests.filter((a) => !(a.OPTIONS.name === t.name && (s || a.OPTIONS.test === i.OPTIONS.test))), n.tests.push(i), n;
+  }
+  when(e, t) {
+    !Array.isArray(e) && typeof e != "string" && (t = e, e = ".");
+    let n = this.clone(), i = bt(e).map((s) => new se(s));
+    return i.forEach((s) => {
+      s.isSibling && n.deps.push(s.key);
+    }), n.conditions.push(typeof t == "function" ? new Oe(i, t) : Oe.fromOptions(i, t)), n;
+  }
+  typeError(e) {
+    let t = this.clone();
+    return t.internalTests.typeError = oe({
+      message: e,
+      name: "typeError",
+      skipAbsent: !0,
+      test(n) {
+        return this.schema._typeCheck(n) ? !0 : this.createError({
+          params: {
+            type: this.schema.type
+          }
+        });
+      }
+    }), t;
+  }
+  oneOf(e, t = Y.oneOf) {
+    let n = this.clone();
+    return e.forEach((i) => {
+      n._whitelist.add(i), n._blacklist.delete(i);
+    }), n.internalTests.whiteList = oe({
+      message: t,
+      name: "oneOf",
+      skipAbsent: !0,
+      test(i) {
+        let s = this.schema._whitelist, a = s.resolveAll(this.resolve);
+        return a.includes(i) ? !0 : this.createError({
+          params: {
+            values: Array.from(s).join(", "),
+            resolved: a
+          }
+        });
+      }
+    }), n;
+  }
+  notOneOf(e, t = Y.notOneOf) {
+    let n = this.clone();
+    return e.forEach((i) => {
+      n._blacklist.add(i), n._whitelist.delete(i);
+    }), n.internalTests.blacklist = oe({
+      message: t,
+      name: "notOneOf",
+      test(i) {
+        let s = this.schema._blacklist, a = s.resolveAll(this.resolve);
+        return a.includes(i) ? this.createError({
+          params: {
+            values: Array.from(s).join(", "),
+            resolved: a
+          }
+        }) : !0;
+      }
+    }), n;
+  }
+  strip(e = !0) {
+    let t = this.clone();
+    return t.spec.strip = e, t;
+  }
+  /**
+   * Return a serialized description of the schema including validations, flags, types etc.
+   *
+   * @param options Provide any needed context for resolving runtime schema alterations (lazy, when conditions, etc).
+   */
+  describe(e) {
+    const t = (e ? this.resolve(e) : this).clone(), {
+      label: n,
+      meta: i,
+      optional: s,
+      nullable: a
+    } = t.spec;
+    return {
+      meta: i,
+      label: n,
+      optional: s,
+      nullable: a,
+      default: t.getDefault(e),
+      type: t.type,
+      oneOf: t._whitelist.describe(),
+      notOneOf: t._blacklist.describe(),
+      tests: t.tests.filter((c, p, m) => m.findIndex((b) => b.OPTIONS.name === c.OPTIONS.name) === p).map((c) => {
+        const p = c.OPTIONS.params && e ? vt(Object.assign({}, c.OPTIONS.params), e) : c.OPTIONS.params;
+        return {
+          name: c.OPTIONS.name,
+          params: p
+        };
+      })
+    };
+  }
+  get "~standard"() {
+    const e = this;
+    return {
+      version: 1,
+      vendor: "yup",
+      async validate(n) {
+        try {
+          return {
+            value: await e.validate(n, {
+              abortEarly: !1
+            })
+          };
+        } catch (i) {
+          if (i instanceof j)
+            return {
+              issues: wt(i)
+            };
+          throw i;
+        }
+      }
+    };
+  }
+}
+V.prototype.__isYupSchema__ = !0;
+for (const r of ["validate", "validateSync"]) V.prototype[`${r}At`] = function(e, t, n = {}) {
+  const {
+    parent: i,
+    parentPath: s,
+    schema: a
+  } = _r(this, e, t, n.context);
+  return a[r](i && i[s], Object.assign({}, n, {
+    parent: i,
+    path: e
+  }));
+};
+for (const r of ["equals", "is"]) V.prototype[r] = V.prototype.oneOf;
+for (const r of ["not", "nope"]) V.prototype[r] = V.prototype.notOneOf;
+function kt() {
+  return new Ct();
+}
+class Ct extends V {
+  constructor() {
+    super({
+      type: "boolean",
+      check(e) {
+        return e instanceof Boolean && (e = e.valueOf()), typeof e == "boolean";
+      }
+    }), this.withMutation(() => {
+      this.transform((e, t) => {
+        if (this.spec.coerce && !this.isType(e)) {
+          if (/^(true|1)$/i.test(String(e))) return !0;
+          if (/^(false|0)$/i.test(String(e))) return !1;
+        }
+        return e;
+      });
+    });
+  }
+  isTrue(e = Pe.isValue) {
+    return this.test({
+      message: e,
+      name: "is-value",
+      exclusive: !0,
+      params: {
+        value: "true"
+      },
+      test(t) {
+        return Z(t) || t === !0;
+      }
+    });
+  }
+  isFalse(e = Pe.isValue) {
+    return this.test({
+      message: e,
+      name: "is-value",
+      exclusive: !0,
+      params: {
+        value: "false"
+      },
+      test(t) {
+        return Z(t) || t === !1;
+      }
+    });
+  }
+  default(e) {
+    return super.default(e);
+  }
+  defined(e) {
+    return super.defined(e);
+  }
+  optional() {
+    return super.optional();
+  }
+  required(e) {
+    return super.required(e);
+  }
+  notRequired() {
+    return super.notRequired();
+  }
+  nullable() {
+    return super.nullable();
+  }
+  nonNullable(e) {
+    return super.nonNullable(e);
+  }
+  strip(e) {
+    return super.strip(e);
+  }
+}
+kt.prototype = Ct.prototype;
+const zr = /^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;
+function Rr(r) {
+  const e = Le(r);
+  if (!e) return Date.parse ? Date.parse(r) : Number.NaN;
+  if (e.z === void 0 && e.plusMinus === void 0)
+    return new Date(e.year, e.month, e.day, e.hour, e.minute, e.second, e.millisecond).valueOf();
+  let t = 0;
+  return e.z !== "Z" && e.plusMinus !== void 0 && (t = e.hourOffset * 60 + e.minuteOffset, e.plusMinus === "+" && (t = 0 - t)), Date.UTC(e.year, e.month, e.day, e.hour, e.minute + t, e.second, e.millisecond);
+}
+function Le(r) {
+  var e, t;
+  const n = zr.exec(r);
+  return n ? {
+    year: J(n[1]),
+    month: J(n[2], 1) - 1,
+    day: J(n[3], 1),
+    hour: J(n[4]),
+    minute: J(n[5]),
+    second: J(n[6]),
+    millisecond: n[7] ? (
+      // allow arbitrary sub-second precision beyond milliseconds
+      J(n[7].substring(0, 3))
+    ) : 0,
+    precision: (e = (t = n[7]) == null ? void 0 : t.length) != null ? e : void 0,
+    z: n[8] || void 0,
+    plusMinus: n[9] || void 0,
+    hourOffset: J(n[10]),
+    minuteOffset: J(n[11])
+  } : null;
+}
+function J(r, e = 0) {
+  return Number(r) || e;
+}
+let Ir = (
+  // eslint-disable-next-line
+  /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
+), Dr = (
+  // eslint-disable-next-line
+  /^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i
+), jr = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i, Mr = "^\\d{4}-\\d{2}-\\d{2}", Pr = "\\d{2}:\\d{2}:\\d{2}", Lr = "(([+-]\\d{2}(:?\\d{2})?)|Z)", Vr = new RegExp(`${Mr}T${Pr}(\\.\\d+)?${Lr}$`), qr = (r) => Z(r) || r === r.trim(), Wr = {}.toString();
+function Se() {
+  return new Tt();
+}
+class Tt extends V {
+  constructor() {
+    super({
+      type: "string",
+      check(e) {
+        return e instanceof String && (e = e.valueOf()), typeof e == "string";
+      }
+    }), this.withMutation(() => {
+      this.transform((e, t) => {
+        if (!this.spec.coerce || this.isType(e) || Array.isArray(e)) return e;
+        const n = e != null && e.toString ? e.toString() : e;
+        return n === Wr ? e : n;
+      });
+    });
+  }
+  required(e) {
+    return super.required(e).withMutation((t) => t.test({
+      message: e || Y.required,
+      name: "required",
+      skipAbsent: !0,
+      test: (n) => !!n.length
+    }));
+  }
+  notRequired() {
+    return super.notRequired().withMutation((e) => (e.tests = e.tests.filter((t) => t.OPTIONS.name !== "required"), e));
+  }
+  length(e, t = P.length) {
+    return this.test({
+      message: t,
+      name: "length",
+      exclusive: !0,
+      params: {
+        length: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n.length === this.resolve(e);
+      }
+    });
+  }
+  min(e, t = P.min) {
+    return this.test({
+      message: t,
+      name: "min",
+      exclusive: !0,
+      params: {
+        min: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n.length >= this.resolve(e);
+      }
+    });
+  }
+  max(e, t = P.max) {
+    return this.test({
+      name: "max",
+      exclusive: !0,
+      message: t,
+      params: {
+        max: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n.length <= this.resolve(e);
+      }
+    });
+  }
+  matches(e, t) {
+    let n = !1, i, s;
+    return t && (typeof t == "object" ? {
+      excludeEmptyString: n = !1,
+      message: i,
+      name: s
+    } = t : i = t), this.test({
+      name: s || "matches",
+      message: i || P.matches,
+      params: {
+        regex: e
+      },
+      skipAbsent: !0,
+      test: (a) => a === "" && n || a.search(e) !== -1
+    });
+  }
+  email(e = P.email) {
+    return this.matches(Ir, {
+      name: "email",
+      message: e,
+      excludeEmptyString: !0
+    });
+  }
+  url(e = P.url) {
+    return this.matches(Dr, {
+      name: "url",
+      message: e,
+      excludeEmptyString: !0
+    });
+  }
+  uuid(e = P.uuid) {
+    return this.matches(jr, {
+      name: "uuid",
+      message: e,
+      excludeEmptyString: !1
+    });
+  }
+  datetime(e) {
+    let t = "", n, i;
+    return e && (typeof e == "object" ? {
+      message: t = "",
+      allowOffset: n = !1,
+      precision: i = void 0
+    } = e : t = e), this.matches(Vr, {
+      name: "datetime",
+      message: t || P.datetime,
+      excludeEmptyString: !0
+    }).test({
+      name: "datetime_offset",
+      message: t || P.datetime_offset,
+      params: {
+        allowOffset: n
+      },
+      skipAbsent: !0,
+      test: (s) => {
+        if (!s || n) return !0;
+        const a = Le(s);
+        return a ? !!a.z : !1;
+      }
+    }).test({
+      name: "datetime_precision",
+      message: t || P.datetime_precision,
+      params: {
+        precision: i
+      },
+      skipAbsent: !0,
+      test: (s) => {
+        if (!s || i == null) return !0;
+        const a = Le(s);
+        return a ? a.precision === i : !1;
+      }
+    });
+  }
+  //-- transforms --
+  ensure() {
+    return this.default("").transform((e) => e === null ? "" : e);
+  }
+  trim(e = P.trim) {
+    return this.transform((t) => t != null ? t.trim() : t).test({
+      message: e,
+      name: "trim",
+      test: qr
+    });
+  }
+  lowercase(e = P.lowercase) {
+    return this.transform((t) => Z(t) ? t : t.toLowerCase()).test({
+      message: e,
+      name: "string_case",
+      exclusive: !0,
+      skipAbsent: !0,
+      test: (t) => Z(t) || t === t.toLowerCase()
+    });
+  }
+  uppercase(e = P.uppercase) {
+    return this.transform((t) => Z(t) ? t : t.toUpperCase()).test({
+      message: e,
+      name: "string_case",
+      exclusive: !0,
+      skipAbsent: !0,
+      test: (t) => Z(t) || t === t.toUpperCase()
+    });
+  }
+}
+Se.prototype = Tt.prototype;
+let Ur = (r) => r != +r;
+function Ft() {
+  return new Ot();
+}
+class Ot extends V {
+  constructor() {
+    super({
+      type: "number",
+      check(e) {
+        return e instanceof Number && (e = e.valueOf()), typeof e == "number" && !Ur(e);
+      }
+    }), this.withMutation(() => {
+      this.transform((e, t) => {
+        if (!this.spec.coerce) return e;
+        let n = e;
+        if (typeof n == "string") {
+          if (n = n.replace(/\s/g, ""), n === "") return NaN;
+          n = +n;
+        }
+        return this.isType(n) || n === null ? n : parseFloat(n);
+      });
+    });
+  }
+  min(e, t = ee.min) {
+    return this.test({
+      message: t,
+      name: "min",
+      exclusive: !0,
+      params: {
+        min: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n >= this.resolve(e);
+      }
+    });
+  }
+  max(e, t = ee.max) {
+    return this.test({
+      message: t,
+      name: "max",
+      exclusive: !0,
+      params: {
+        max: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n <= this.resolve(e);
+      }
+    });
+  }
+  lessThan(e, t = ee.lessThan) {
+    return this.test({
+      message: t,
+      name: "max",
+      exclusive: !0,
+      params: {
+        less: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n < this.resolve(e);
+      }
+    });
+  }
+  moreThan(e, t = ee.moreThan) {
+    return this.test({
+      message: t,
+      name: "min",
+      exclusive: !0,
+      params: {
+        more: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n > this.resolve(e);
+      }
+    });
+  }
+  positive(e = ee.positive) {
+    return this.moreThan(0, e);
+  }
+  negative(e = ee.negative) {
+    return this.lessThan(0, e);
+  }
+  integer(e = ee.integer) {
+    return this.test({
+      name: "integer",
+      message: e,
+      skipAbsent: !0,
+      test: (t) => Number.isInteger(t)
+    });
+  }
+  truncate() {
+    return this.transform((e) => Z(e) ? e : e | 0);
+  }
+  round(e) {
+    var t;
+    let n = ["ceil", "floor", "round", "trunc"];
+    if (e = ((t = e) == null ? void 0 : t.toLowerCase()) || "round", e === "trunc") return this.truncate();
+    if (n.indexOf(e.toLowerCase()) === -1) throw new TypeError("Only valid options for round() are: " + n.join(", "));
+    return this.transform((i) => Z(i) ? i : Math[e](i));
+  }
+}
+Ft.prototype = Ot.prototype;
+let Br = /* @__PURE__ */ new Date(""), Zr = (r) => Object.prototype.toString.call(r) === "[object Date]";
+class He extends V {
+  constructor() {
+    super({
+      type: "date",
+      check(e) {
+        return Zr(e) && !isNaN(e.getTime());
+      }
+    }), this.withMutation(() => {
+      this.transform((e, t) => !this.spec.coerce || this.isType(e) || e === null ? e : (e = Rr(e), isNaN(e) ? He.INVALID_DATE : new Date(e)));
+    });
+  }
+  prepareParam(e, t) {
+    let n;
+    if (se.isRef(e))
+      n = e;
+    else {
+      let i = this.cast(e);
+      if (!this._typeCheck(i)) throw new TypeError(`\`${t}\` must be a Date or a value that can be \`cast()\` to a Date`);
+      n = i;
+    }
+    return n;
+  }
+  min(e, t = Me.min) {
+    let n = this.prepareParam(e, "min");
+    return this.test({
+      message: t,
+      name: "min",
+      exclusive: !0,
+      params: {
+        min: e
+      },
+      skipAbsent: !0,
+      test(i) {
+        return i >= this.resolve(n);
+      }
+    });
+  }
+  max(e, t = Me.max) {
+    let n = this.prepareParam(e, "max");
+    return this.test({
+      message: t,
+      name: "max",
+      exclusive: !0,
+      params: {
+        max: e
+      },
+      skipAbsent: !0,
+      test(i) {
+        return i <= this.resolve(n);
+      }
+    });
+  }
+}
+He.INVALID_DATE = Br;
+function Hr(r, e = []) {
+  let t = [], n = /* @__PURE__ */ new Set(), i = new Set(e.map(([a, o]) => `${a}-${o}`));
+  function s(a, o) {
+    let c = le.split(a)[0];
+    n.add(c), i.has(`${o}-${c}`) || t.push([o, c]);
+  }
+  for (const a of Object.keys(r)) {
+    let o = r[a];
+    n.add(a), se.isRef(o) && o.isSibling ? s(o.path, a) : Ne(o) && "deps" in o && o.deps.forEach((c) => s(c, a));
+  }
+  return Sr.array(Array.from(n), t).reverse();
+}
+function nt(r, e) {
+  let t = 1 / 0;
+  return r.some((n, i) => {
+    var s;
+    if ((s = e.path) != null && s.includes(n))
+      return t = i, !0;
+  }), t;
+}
+function $t(r) {
+  return (e, t) => nt(r, e) - nt(r, t);
+}
+const Et = (r, e, t) => {
+  if (typeof r != "string")
+    return r;
+  let n = r;
+  try {
+    n = JSON.parse(r);
+  } catch {
+  }
+  return t.isType(n) ? n : r;
+};
+function we(r) {
+  if ("fields" in r) {
+    const e = {};
+    for (const [t, n] of Object.entries(r.fields))
+      e[t] = we(n);
+    return r.setFields(e);
+  }
+  if (r.type === "array") {
+    const e = r.optional();
+    return e.innerType && (e.innerType = we(e.innerType)), e;
+  }
+  return r.type === "tuple" ? r.optional().clone({
+    types: r.spec.types.map(we)
+  }) : "optional" in r ? r.optional() : r;
+}
+const Yr = (r, e) => {
+  const t = [...le.normalizePath(e)];
+  if (t.length === 1) return t[0] in r;
+  let n = t.pop(), i = le.getter(le.join(t), !0)(r);
+  return !!(i && n in i);
+};
+let it = (r) => Object.prototype.toString.call(r) === "[object Object]";
+function lt(r, e) {
+  let t = Object.keys(r.fields);
+  return Object.keys(e).filter((n) => t.indexOf(n) === -1);
+}
+const Gr = $t([]);
+function Ve(r) {
+  return new _t(r);
+}
+class _t extends V {
+  constructor(e) {
+    super({
+      type: "object",
+      check(t) {
+        return it(t) || typeof t == "function";
+      }
+    }), this.fields = /* @__PURE__ */ Object.create(null), this._sortErrors = Gr, this._nodes = [], this._excludedEdges = [], this.withMutation(() => {
+      e && this.shape(e);
+    });
+  }
+  _cast(e, t = {}) {
+    var n;
+    let i = super._cast(e, t);
+    if (i === void 0) return this.getDefault(t);
+    if (!this._typeCheck(i)) return i;
+    let s = this.fields, a = (n = t.stripUnknown) != null ? n : this.spec.noUnknown, o = [].concat(this._nodes, Object.keys(i).filter((b) => !this._nodes.includes(b))), c = {}, p = Object.assign({}, t, {
+      parent: c,
+      __validating: t.__validating || !1
+    }), m = !1;
+    for (const b of o) {
+      let h = s[b], u = b in i, x = i[b];
+      if (h) {
+        let g;
+        p.path = (t.path ? `${t.path}.` : "") + b, h = h.resolve({
+          value: x,
+          context: t.context,
+          parent: c
+        });
+        let v = h instanceof V ? h.spec : void 0, S = v == null ? void 0 : v.strict;
+        if (v != null && v.strip) {
+          m = m || b in i;
+          continue;
+        }
+        g = !t.__validating || !S ? h.cast(x, p) : x, g !== void 0 && (c[b] = g);
+      } else u && !a && (c[b] = x);
+      (u !== b in c || c[b] !== x) && (m = !0);
+    }
+    return m ? c : i;
+  }
+  _validate(e, t = {}, n, i) {
+    let {
+      from: s = [],
+      originalValue: a = e,
+      recursive: o = this.spec.recursive
+    } = t;
+    t.from = [{
+      schema: this,
+      value: a
+    }, ...s], t.__validating = !0, t.originalValue = a, super._validate(e, t, n, (c, p) => {
+      if (!o || !it(p)) {
+        i(c, p);
+        return;
+      }
+      a = a || p;
+      let m = [];
+      for (let b of this._nodes) {
+        let h = this.fields[b];
+        !h || se.isRef(h) || m.push(h.asNestedTest({
+          options: t,
+          key: b,
+          parent: p,
+          parentPath: t.path,
+          originalParent: a
+        }));
+      }
+      this.runTests({
+        tests: m,
+        value: p,
+        originalValue: a,
+        options: t
+      }, n, (b) => {
+        i(b.sort(this._sortErrors).concat(c), p);
+      });
+    });
+  }
+  clone(e) {
+    const t = super.clone(e);
+    return t.fields = Object.assign({}, this.fields), t._nodes = this._nodes, t._excludedEdges = this._excludedEdges, t._sortErrors = this._sortErrors, t;
+  }
+  concat(e) {
+    let t = super.concat(e), n = t.fields;
+    for (let [i, s] of Object.entries(this.fields)) {
+      const a = n[i];
+      n[i] = a === void 0 ? s : a;
+    }
+    return t.withMutation((i) => (
+      // XXX: excludes here is wrong
+      i.setFields(n, [...this._excludedEdges, ...e._excludedEdges])
+    ));
+  }
+  _getDefault(e) {
+    if ("default" in this.spec)
+      return super._getDefault(e);
+    if (!this._nodes.length)
+      return;
+    let t = {};
+    return this._nodes.forEach((n) => {
+      var i;
+      const s = this.fields[n];
+      let a = e;
+      (i = a) != null && i.value && (a = Object.assign({}, a, {
+        parent: a.value,
+        value: a.value[n]
+      })), t[n] = s && "getDefault" in s ? s.getDefault(a) : void 0;
+    }), t;
+  }
+  setFields(e, t) {
+    let n = this.clone();
+    return n.fields = e, n._nodes = Hr(e, t), n._sortErrors = $t(Object.keys(e)), t && (n._excludedEdges = t), n;
+  }
+  shape(e, t = []) {
+    return this.clone().withMutation((n) => {
+      let i = n._excludedEdges;
+      return t.length && (Array.isArray(t[0]) || (t = [t]), i = [...n._excludedEdges, ...t]), n.setFields(Object.assign(n.fields, e), i);
+    });
+  }
+  partial() {
+    const e = {};
+    for (const [t, n] of Object.entries(this.fields))
+      e[t] = "optional" in n && n.optional instanceof Function ? n.optional() : n;
+    return this.setFields(e);
+  }
+  deepPartial() {
+    return we(this);
+  }
+  pick(e) {
+    const t = {};
+    for (const n of e)
+      this.fields[n] && (t[n] = this.fields[n]);
+    return this.setFields(t, this._excludedEdges.filter(([n, i]) => e.includes(n) && e.includes(i)));
+  }
+  omit(e) {
+    const t = [];
+    for (const n of Object.keys(this.fields))
+      e.includes(n) || t.push(n);
+    return this.pick(t);
+  }
+  from(e, t, n) {
+    let i = le.getter(e, !0);
+    return this.transform((s) => {
+      if (!s) return s;
+      let a = s;
+      return Yr(s, e) && (a = Object.assign({}, s), n || delete a[e], a[t] = i(s)), a;
+    });
+  }
+  /** Parse an input JSON string to an object */
+  json() {
+    return this.transform(Et);
+  }
+  /**
+   * Similar to `noUnknown` but only validates that an object is the right shape without stripping the unknown keys
+   */
+  exact(e) {
+    return this.test({
+      name: "exact",
+      exclusive: !0,
+      message: e || ye.exact,
+      test(t) {
+        if (t == null) return !0;
+        const n = lt(this.schema, t);
+        return n.length === 0 || this.createError({
+          params: {
+            properties: n.join(", ")
+          }
+        });
+      }
+    });
+  }
+  stripUnknown() {
+    return this.clone({
+      noUnknown: !0
+    });
+  }
+  noUnknown(e = !0, t = ye.noUnknown) {
+    typeof e != "boolean" && (t = e, e = !0);
+    let n = this.test({
+      name: "noUnknown",
+      exclusive: !0,
+      message: t,
+      test(i) {
+        if (i == null) return !0;
+        const s = lt(this.schema, i);
+        return !e || s.length === 0 || this.createError({
+          params: {
+            unknown: s.join(", ")
+          }
+        });
+      }
+    });
+    return n.spec.noUnknown = e, n;
+  }
+  unknown(e = !0, t = ye.noUnknown) {
+    return this.noUnknown(!e, t);
+  }
+  transformKeys(e) {
+    return this.transform((t) => {
+      if (!t) return t;
+      const n = {};
+      for (const i of Object.keys(t)) n[e(i)] = t[i];
+      return n;
+    });
+  }
+  camelCase() {
+    return this.transformKeys(Re.camelCase);
+  }
+  snakeCase() {
+    return this.transformKeys(Re.snakeCase);
+  }
+  constantCase() {
+    return this.transformKeys((e) => Re.snakeCase(e).toUpperCase());
+  }
+  describe(e) {
+    const t = (e ? this.resolve(e) : this).clone(), n = super.describe(e);
+    n.fields = {};
+    for (const [s, a] of Object.entries(t.fields)) {
+      var i;
+      let o = e;
+      (i = o) != null && i.value && (o = Object.assign({}, o, {
+        parent: o.value,
+        value: o.value[s]
+      })), n.fields[s] = a.describe(o);
+    }
+    return n;
+  }
+}
+Ve.prototype = _t.prototype;
+function Nt(r) {
+  return new At(r);
+}
+class At extends V {
+  constructor(e) {
+    super({
+      type: "array",
+      spec: {
+        types: e
+      },
+      check(t) {
+        return Array.isArray(t);
+      }
+    }), this.innerType = void 0, this.innerType = e;
+  }
+  _cast(e, t) {
+    const n = super._cast(e, t);
+    if (!this._typeCheck(n) || !this.innerType)
+      return n;
+    let i = !1;
+    const s = n.map((a, o) => {
+      const c = this.innerType.cast(a, Object.assign({}, t, {
+        path: `${t.path || ""}[${o}]`,
+        parent: n,
+        originalValue: a,
+        value: a,
+        index: o
+      }));
+      return c !== a && (i = !0), c;
+    });
+    return i ? s : n;
+  }
+  _validate(e, t = {}, n, i) {
+    var s;
+    let a = this.innerType, o = (s = t.recursive) != null ? s : this.spec.recursive;
+    t.originalValue != null && t.originalValue, super._validate(e, t, n, (c, p) => {
+      var m;
+      if (!o || !a || !this._typeCheck(p)) {
+        i(c, p);
+        return;
+      }
+      let b = new Array(p.length);
+      for (let u = 0; u < p.length; u++) {
+        var h;
+        b[u] = a.asNestedTest({
+          options: t,
+          index: u,
+          parent: p,
+          parentPath: t.path,
+          originalParent: (h = t.originalValue) != null ? h : e
+        });
+      }
+      this.runTests({
+        value: p,
+        tests: b,
+        originalValue: (m = t.originalValue) != null ? m : e,
+        options: t
+      }, n, (u) => i(u.concat(c), p));
+    });
+  }
+  clone(e) {
+    const t = super.clone(e);
+    return t.innerType = this.innerType, t;
+  }
+  /** Parse an input JSON string to an object */
+  json() {
+    return this.transform(Et);
+  }
+  concat(e) {
+    let t = super.concat(e);
+    return t.innerType = this.innerType, e.innerType && (t.innerType = t.innerType ? (
+      // @ts-expect-error Lazy doesn't have concat and will break
+      t.innerType.concat(e.innerType)
+    ) : e.innerType), t;
+  }
+  of(e) {
+    let t = this.clone();
+    if (!Ne(e)) throw new TypeError("`array.of()` sub-schema must be a valid yup schema not: " + K(e));
+    return t.innerType = e, t.spec = Object.assign({}, t.spec, {
+      types: e
+    }), t;
+  }
+  length(e, t = ve.length) {
+    return this.test({
+      message: t,
+      name: "length",
+      exclusive: !0,
+      params: {
+        length: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n.length === this.resolve(e);
+      }
+    });
+  }
+  min(e, t) {
+    return t = t || ve.min, this.test({
+      message: t,
+      name: "min",
+      exclusive: !0,
+      params: {
+        min: e
+      },
+      skipAbsent: !0,
+      // FIXME(ts): Array<typeof T>
+      test(n) {
+        return n.length >= this.resolve(e);
+      }
+    });
+  }
+  max(e, t) {
+    return t = t || ve.max, this.test({
+      message: t,
+      name: "max",
+      exclusive: !0,
+      params: {
+        max: e
+      },
+      skipAbsent: !0,
+      test(n) {
+        return n.length <= this.resolve(e);
+      }
+    });
+  }
+  ensure() {
+    return this.default(() => []).transform((e, t) => this._typeCheck(e) ? e : t == null ? [] : [].concat(t));
+  }
+  compact(e) {
+    let t = e ? (n, i, s) => !e(n, i, s) : (n) => !!n;
+    return this.transform((n) => n != null ? n.filter(t) : n);
+  }
+  describe(e) {
+    const t = (e ? this.resolve(e) : this).clone(), n = super.describe(e);
+    if (t.innerType) {
+      var i;
+      let s = e;
+      (i = s) != null && i.value && (s = Object.assign({}, s, {
+        parent: s.value,
+        value: s.value[0]
+      })), n.innerType = t.innerType.describe(s);
+    }
+    return n;
+  }
+}
+Nt.prototype = At.prototype;
+class Jr {
+  constructor() {
+    this.sources = /* @__PURE__ */ new Map();
+  }
+  register(e, t) {
+    this.sources.set(e, t);
+  }
+  get(e) {
+    return this.sources.get(e);
+  }
+  has(e) {
+    return this.sources.has(e);
+  }
+}
+const Kr = new Jr(), Xr = 8, T = {
+  wrapper: (r) => ({
+    border: `1px solid ${r ? ze.BORDER_COLOR_ERROR : ze.BORDER_COLOR}`,
+    borderRadius: ze.BORDER_RADIUS,
+    overflow: "hidden",
+    background: "#fff",
+    fontSize: 13
+  }),
+  toolbar: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "6px 12px",
+    borderBottom: "1px solid #e0e0e0",
+    minHeight: 40,
+    background: "#fff"
+  },
+  selectedLink: {
+    fontSize: 13,
+    color: "#1976d2",
+    cursor: "pointer",
+    background: "none",
+    border: "none",
+    padding: 0,
+    fontWeight: 500
+  },
+  searchWrap: {
+    display: "flex",
+    alignItems: "center",
+    gap: 6,
+    border: "1px solid #e0e0e0",
+    borderRadius: 4,
+    padding: "3px 8px",
+    background: "#fafafa",
+    flex: "0 0 220px"
+  },
+  searchInput: {
+    border: "none",
+    outline: "none",
+    fontSize: 13,
+    background: "transparent",
+    width: "100%"
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse"
+  },
+  thead: {
+    background: "#f5f5f5"
+  },
+  th: (r) => ({
+    textAlign: "left",
+    padding: "0 16px",
+    height: 44,
+    fontSize: 12,
+    fontWeight: 600,
+    color: "rgba(0,0,0,0.6)",
+    borderBottom: "1px solid #e0e0e0",
+    whiteSpace: "nowrap",
+    width: r,
+    letterSpacing: "0.01em"
+  }),
+  checkTh: {
+    width: 48,
+    padding: "0 0 0 12px",
+    height: 44,
+    borderBottom: "1px solid #e0e0e0",
+    background: "#f5f5f5"
+  },
+  td: {
+    padding: "0 16px",
+    height: 48,
+    borderBottom: "1px solid #f0f0f0",
+    color: "rgba(0,0,0,0.87)",
+    verticalAlign: "middle"
+  },
+  checkTd: {
+    padding: "0 0 0 12px",
+    height: 48,
+    borderBottom: "1px solid #f0f0f0",
+    verticalAlign: "middle",
+    width: 48
+  },
+  statusRow: {
+    textAlign: "center",
+    padding: "24px 16px",
+    color: "rgba(0,0,0,0.38)",
+    fontSize: 13
+  },
+  footer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    gap: 16,
+    padding: "4px 8px",
+    borderTop: "1px solid #e0e0e0",
+    fontSize: 12,
+    color: "rgba(0,0,0,0.6)",
+    background: "#fafafa",
+    minHeight: 40
+  },
+  pageBtn: (r) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 28,
+    height: 28,
+    borderRadius: "50%",
+    border: "none",
+    background: "transparent",
+    cursor: r ? "default" : "pointer",
+    color: r ? "rgba(0,0,0,0.26)" : "rgba(0,0,0,0.54)",
+    fontSize: 16,
+    transition: "background 0.15s"
+  }),
+  // Modal
+  overlay: {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(0,0,0,0.5)",
+    zIndex: 9999,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  modal: {
+    background: "#fff",
+    borderRadius: 8,
+    width: 560,
+    maxWidth: "90vw",
+    maxHeight: "80vh",
+    display: "flex",
+    flexDirection: "column",
+    boxShadow: "0 8px 32px rgba(0,0,0,0.18)"
+  },
+  modalHeader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "16px 20px",
+    borderBottom: "1px solid #e0e0e0",
+    fontSize: 16,
+    fontWeight: 600,
+    color: "rgba(0,0,0,0.87)"
+  },
+  modalCloseBtn: {
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    color: "rgba(0,0,0,0.54)",
+    display: "flex",
+    alignItems: "center",
+    padding: 4,
+    borderRadius: 4
+  },
+  modalSearch: {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    margin: "12px 20px",
+    border: "1px solid #e0e0e0",
+    borderRadius: 20,
+    padding: "6px 12px",
+    background: "#fafafa"
+  },
+  modalSearchInput: {
+    flex: 1,
+    border: "none",
+    outline: "none",
+    fontSize: 14,
+    background: "transparent"
+  },
+  modalList: {
+    flex: 1,
+    overflowY: "auto",
+    padding: "0 20px 8px"
+  },
+  modalRow: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "10px 0",
+    borderBottom: "1px solid #f0f0f0",
+    fontSize: 14,
+    color: "rgba(0,0,0,0.87)"
+  },
+  modalRemoveBtn: {
+    background: "none",
+    border: "none",
+    cursor: "pointer",
+    color: "#e53935",
+    display: "flex",
+    alignItems: "center",
+    padding: 2,
+    borderRadius: 4,
+    flexShrink: 0
+  },
+  modalFooter: {
+    display: "flex",
+    justifyContent: "flex-end",
+    padding: "12px 20px",
+    borderTop: "1px solid #e0e0e0"
+  },
+  closeBtn: {
+    padding: "6px 20px",
+    border: "1px solid #e0e0e0",
+    borderRadius: 4,
+    background: "#fff",
+    cursor: "pointer",
+    fontSize: 14,
+    color: "rgba(0,0,0,0.87)"
+  }
+};
+function st({ checked: r, onChange: e, indeterminate: t, disabled: n }) {
+  const i = G(null);
+  return me(() => {
+    i.current && (i.current.indeterminate = !!t);
+  }, [t]), /* @__PURE__ */ l(
+    "input",
+    {
+      ref: i,
+      type: "checkbox",
+      checked: r,
+      onChange: e,
+      disabled: n,
+      style: {
+        width: 16,
+        height: 16,
+        cursor: n ? "default" : "pointer",
+        accentColor: "#1976d2"
+      }
+    }
+  );
+}
+function Qr({ selected: r, onRemove: e, onClose: t }) {
+  const [n, i] = E(""), s = r.filter(
+    (a) => a.label.toLowerCase().includes(n.toLowerCase())
+  );
+  return /* @__PURE__ */ l("div", { style: T.overlay, onClick: t, children: /* @__PURE__ */ f("div", { style: T.modal, onClick: (a) => a.stopPropagation(), children: [
+    /* @__PURE__ */ f("div", { style: T.modalHeader, children: [
+      /* @__PURE__ */ l("span", { children: "Selected Rows" }),
+      /* @__PURE__ */ l("button", { type: "button", style: T.modalCloseBtn, onClick: t, children: /* @__PURE__ */ l(re, { size: 20 }) })
+    ] }),
+    /* @__PURE__ */ f("div", { style: T.modalSearch, children: [
+      /* @__PURE__ */ l(ut, { size: 18, color: "rgba(0,0,0,0.38)" }),
+      /* @__PURE__ */ l(
+        "input",
+        {
+          autoFocus: !0,
+          type: "text",
+          placeholder: "Search",
+          value: n,
+          onChange: (a) => i(a.target.value),
+          style: T.modalSearchInput
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f("div", { style: T.modalList, children: [
+      s.length === 0 && /* @__PURE__ */ l("div", { style: { textAlign: "center", padding: "24px 0", color: "rgba(0,0,0,0.38)", fontSize: 13 }, children: "No items found" }),
+      s.map((a) => /* @__PURE__ */ f("div", { style: T.modalRow, children: [
+        /* @__PURE__ */ l("span", { children: a.label }),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            style: T.modalRemoveBtn,
+            onClick: () => e(a.value),
+            title: "Remove",
+            children: /* @__PURE__ */ l(re, { size: 16 })
+          }
+        )
+      ] }, a.value))
+    ] }),
+    /* @__PURE__ */ l("div", { style: T.modalFooter, children: /* @__PURE__ */ l("button", { type: "button", style: T.closeBtn, onClick: t, children: "Close" }) })
+  ] }) });
+}
+function en({ field: r, value: e, onChange: t, onBlur: n, error: i, touched: s }) {
+  const a = r, o = !!(s && i), c = a.isMulti ?? !1, p = a.pageSize ?? Xr, m = a.id ?? a.name ?? "", [b, h] = E(""), [u, x] = E(1), [g, v] = E([]), [S, F] = E(!1), [N, O] = E(!1), [D, q] = E(null), [X, B] = E(!1), M = G(null), W = G(0), $ = G(!0);
+  me(() => () => {
+    $.current = !1, M.current && clearTimeout(M.current);
+  }, []);
+  const w = c ? Array.isArray(e) ? e : [] : e ? [e] : [], Q = w.length, pe = be(
+    (y, _) => {
+      if (a.fetchOptions) return a.fetchOptions(y, _);
+      if (a.dataSource) {
+        const z = Kr.get(a.dataSource);
+        return z ? z.fetch(y, _) : Promise.reject(new Error(`[FlowForge] DataSource "${a.dataSource}" is not registered.`));
+      }
+      return Promise.reject(new Error(`[FlowForge] table-picker "${a.id}" requires fetchOptions or dataSource.`));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a.fetchOptions, a.dataSource, a.id]
+  ), I = be(
+    (y, _) => {
+      const z = ++W.current;
+      O(!0), pe(y, _).then((R) => {
+        !$.current || z !== W.current || (v(R.options.slice(0, p)), F(R.hasNextPage));
+      }).catch(() => {
+        !$.current || z !== W.current || (v([]), F(!1));
+      }).finally(() => {
+        !$.current || z !== W.current || O(!1);
+      });
+    },
+    [pe, p]
+  );
+  me(() => {
+    I("", 1);
+  }, []);
+  const ne = (y) => {
+    const _ = y.target.value;
+    h(_), x(1), M.current && clearTimeout(M.current), M.current = setTimeout(() => I(_, 1), 300);
+  }, ie = (y) => {
+    if (c) {
+      const _ = Array.isArray(e) ? e : [], z = _.some((R) => R.value === y.value);
+      t(z ? _.filter((R) => R.value !== y.value) : [..._, y]);
+    } else
+      t((e == null ? void 0 : e.value) === y.value ? null : y);
+    n == null || n();
+  }, he = () => {
+    if (!c) return;
+    const y = Array.isArray(e) ? e : [];
+    if (g.every((z) => y.some((R) => R.value === z.value)))
+      t(y.filter((z) => !g.some((R) => R.value === z.value)));
+    else {
+      const z = g.filter((R) => !y.some((Mt) => Mt.value === R.value));
+      t([...y, ...z]);
+    }
+  }, L = (y) => {
+    if (c) {
+      const z = (Array.isArray(e) ? e : []).filter((R) => R.value !== y);
+      t(z), z.length === 0 && B(!1);
+    } else
+      t(null), B(!1);
+    n == null || n();
+  }, ae = a.columns.length + 1, U = g.length > 0 && g.every(
+    (y) => w.some((_) => _.value === y.value)
+  ), Je = g.some(
+    (y) => w.some((_) => _.value === y.value)
+  ), Ae = (y) => w.some((_) => _.value === y.value);
+  return /* @__PURE__ */ f("div", { style: { marginBottom: 16 }, children: [
+    /* @__PURE__ */ l(
+      Lt,
+      {
+        label: a.label,
+        required: a.required,
+        showOptional: a.showOptional,
+        info: a.info,
+        htmlFor: m,
+        dataTestId: a.dataTestId ?? m
+      }
+    ),
+    /* @__PURE__ */ f("div", { style: T.wrapper(o), onBlur: n, id: m, children: [
+      /* @__PURE__ */ f("div", { style: T.toolbar, children: [
+        Q > 0 ? /* @__PURE__ */ f(
+          "button",
+          {
+            type: "button",
+            style: T.selectedLink,
+            onClick: () => B(!0),
+            children: [
+              Q,
+              " ",
+              Q === 1 ? "Item" : "Items",
+              " Selected"
+            ]
+          }
+        ) : /* @__PURE__ */ l("span", { style: { fontSize: 13, color: "rgba(0,0,0,0.38)" }, children: "No selection" }),
+        /* @__PURE__ */ f("div", { style: T.searchWrap, children: [
+          /* @__PURE__ */ l(ut, { size: 15, color: "rgba(0,0,0,0.38)" }),
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "text",
+              placeholder: a.placeholder ?? "Search…",
+              value: b,
+              onChange: ne,
+              style: T.searchInput,
+              "aria-label": `Search ${a.label ?? ""}`
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ l("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ f("table", { style: T.table, children: [
+        /* @__PURE__ */ l("thead", { style: T.thead, children: /* @__PURE__ */ f("tr", { children: [
+          /* @__PURE__ */ l("th", { style: T.checkTh, children: c && /* @__PURE__ */ l(
+            st,
+            {
+              checked: U,
+              indeterminate: !U && Je,
+              onChange: he,
+              disabled: N || g.length === 0
+            }
+          ) }),
+          a.columns.map((y) => /* @__PURE__ */ l("th", { style: T.th(y.width), children: y.label }, y.key))
+        ] }) }),
+        /* @__PURE__ */ l("tbody", { children: N ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { colSpan: ae, style: T.statusRow, children: "Loading…" }) }) : g.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { colSpan: ae, style: T.statusRow, children: "No results found" }) }) : g.map((y) => {
+          const _ = Ae(y), z = D === y.value;
+          return /* @__PURE__ */ f(
+            "tr",
+            {
+              style: {
+                cursor: "pointer",
+                background: _ ? "rgba(25,118,210,0.06)" : z ? "rgba(0,0,0,0.03)" : "#fff",
+                transition: "background 0.1s"
+              },
+              onClick: () => ie(y),
+              onMouseEnter: () => q(y.value),
+              onMouseLeave: () => q(null),
+              "aria-selected": _,
+              children: [
+                /* @__PURE__ */ l("td", { style: T.checkTd, children: c ? /* @__PURE__ */ l(
+                  st,
+                  {
+                    checked: _,
+                    onChange: () => ie(y)
+                  }
+                ) : /* @__PURE__ */ l(
+                  "input",
+                  {
+                    type: "radio",
+                    checked: _,
+                    onChange: () => ie(y),
+                    onClick: (R) => R.stopPropagation(),
+                    name: m,
+                    style: { accentColor: "#1976d2", width: 16, height: 16, cursor: "pointer" }
+                  }
+                ) }),
+                a.columns.map((R) => /* @__PURE__ */ l("td", { style: T.td, children: String(y[R.key] ?? "") }, R.key))
+              ]
+            },
+            y.value
+          );
+        }) })
+      ] }) }),
+      /* @__PURE__ */ f("div", { style: T.footer, children: [
+        /* @__PURE__ */ l("span", { children: `${(u - 1) * p + 1}–${(u - 1) * p + g.length} of many` }),
+        /* @__PURE__ */ f("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+          /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                const y = u - 1;
+                x(y), I(b, y);
+              },
+              disabled: u <= 1,
+              style: T.pageBtn(u <= 1),
+              "aria-label": "Previous page",
+              children: "‹"
+            }
+          ),
+          /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                const y = u + 1;
+                x(y), I(b, y);
+              },
+              disabled: !S,
+              style: T.pageBtn(!S),
+              "aria-label": "Next page",
+              children: "›"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    a.helperText && !o && /* @__PURE__ */ l("small", { style: Vt, children: a.helperText }),
+    o && /* @__PURE__ */ l("small", { "data-testid": `${m}-error`, style: qt, children: i }),
+    X && /* @__PURE__ */ l(
+      Qr,
+      {
+        selected: w,
+        onRemove: L,
+        onClose: () => B(!1)
+      }
+    )
+  ] });
+}
+class tn {
+  constructor() {
+    this.fields = /* @__PURE__ */ new Map(), this.register({ type: "text", label: "Text" }), this.register({ type: "textarea", label: "Textarea" }), this.register({
+      type: "number",
+      label: "Number",
+      configSchema: {
+        fields: [
+          { id: "min", type: "number", label: "Minimum limit" },
+          { id: "max", type: "number", label: "Maximum limit" },
+          { id: "step", type: "number", label: "Step size" },
+          { id: "prefix", type: "text", label: "Prefix (e.g. $)" },
+          { id: "suffix", type: "text", label: "Suffix (e.g. USD)" }
+        ]
+      }
+    }), this.register({ type: "toggle", label: "Toggle/Switch" }), this.register({ type: "select", label: "Select" }), this.register({ type: "descriptive-select", label: "Descriptive Select" }), this.register({ type: "radio-group", label: "Radio Group" }), this.register({ type: "key-value", label: "Key-Value" }), this.register({ type: "reference", label: "Reference" }), this.register({ type: "cron", label: "Cron" }), this.register({ type: "object", label: "Object" }), this.register({ type: "schema", label: "Schema (nested form)" }), this.register({ type: "tabs", label: "Tabs" }), this.register({ type: "date", label: "Date" }), this.register({ type: "datetime", label: "Date & Time" }), this.register({ type: "time", label: "Time" }), this.register({
+      type: "tags",
+      label: "Tags",
+      configSchema: { fields: [
+        { id: "placeholder", type: "text", label: "Placeholder text" },
+        { id: "maxTags", type: "number", label: "Max tags (leave empty for unlimited)" }
+      ] }
+    }), this.register({
+      type: "slider",
+      label: "Slider",
+      configSchema: { fields: [
+        { id: "min", type: "number", label: "Minimum value" },
+        { id: "max", type: "number", label: "Maximum value" },
+        { id: "step", type: "number", label: "Step size" },
+        { id: "showValue", type: "toggle", label: "Show current value" },
+        { id: "marks", type: "toggle", label: "Show tick marks" }
+      ] }
+    }), this.register({
+      type: "color",
+      label: "Color",
+      configSchema: { fields: [
+        { id: "showHex", type: "toggle", label: "Show hex input" }
+      ] }
+    }), this.register({
+      type: "file",
+      label: "File Upload",
+      configSchema: { fields: [
+        { id: "accept", type: "text", label: "Accepted file types (e.g. .pdf,.png)" },
+        { id: "maxSizeMb", type: "number", label: "Max file size (MB)" },
+        { id: "multiple", type: "toggle", label: "Allow multiple files" }
+      ] }
+    }), this.register({
+      type: "json-editor",
+      label: "JSON Editor",
+      configSchema: { fields: [
+        { id: "rows", type: "number", label: "Editor height (rows)" }
+      ] }
+    }), this.register({
+      type: "code",
+      label: "Code",
+      configSchema: { fields: [
+        {
+          id: "language",
+          type: "select",
+          label: "Language",
+          options: [
+            { value: "javascript", label: "JavaScript" },
+            { value: "typescript", label: "TypeScript" },
+            { value: "python", label: "Python" },
+            { value: "json", label: "JSON" }
+          ]
+        },
+        { id: "rows", type: "number", label: "Editor height (rows)" }
+      ] }
+    }), this.register({
+      type: "rich-text",
+      label: "Rich Text",
+      configSchema: { fields: [
+        { id: "rows", type: "number", label: "Editor height (rows)" },
+        { id: "toolbar", type: "toggle", label: "Show toolbar" }
+      ] }
+    }), this.register({
+      type: "table-picker",
+      label: "Table Picker",
+      component: en,
+      configSchema: {
+        fields: [
+          { id: "label", type: "text", label: "Label" },
+          { id: "required", type: "toggle", label: "Required" },
+          { id: "isMulti", type: "toggle", label: "Multi-select" },
+          { id: "pageSize", type: "number", label: "Page size" }
+        ]
+      }
+    });
+  }
+  register(e) {
+    this.fields.set(e.type, e), e.component && Wt.register(e.type, e.component);
+  }
+  get(e) {
+    return this.fields.get(e);
+  }
+  getAll() {
+    return Array.from(this.fields.values());
+  }
+  /** Gets all allowed options for the Type Picker in SchemaBuilder */
+  getTypeOptions() {
+    return this.getAll().map((e) => ({
+      value: e.type,
+      label: e.label
+    }));
+  }
+}
+const Ye = new tn();
+function Ge(r) {
+  const e = {};
+  for (const t of r) {
+    let n;
+    try {
+      n = ot(t);
+    } catch {
+      continue;
+    }
+    if (!n || t.hidden) continue;
+    if (t.validation) {
+      e[n] = t.validation;
+      continue;
+    }
+    let i;
+    const s = Ye.get(t.type);
+    if (s != null && s.buildValidation)
+      i = s.buildValidation(t);
+    else
+      switch (t.type) {
+        case "select":
+        case "descriptive-select":
+        case "radio-group":
+          i = Se(), t.required && (i = i.required(`${t.label ?? n} is required`));
+          break;
+        case "number":
+        case "slider": {
+          let a = Ft().typeError(`${t.label ?? n} must be a number`);
+          t.min != null && (a = a.min(t.min, `${t.label ?? n} must be at least ${t.min}`)), t.max != null && (a = a.max(t.max, `${t.label ?? n} must be at most ${t.max}`)), t.required && (a = a.required(`${t.label ?? n} is required`)), i = a;
+          break;
+        }
+        case "toggle":
+        case "checkbox":
+          i = kt(), t.required && (i = i.oneOf([!0], `${t.label ?? n} must be checked`));
+          break;
+        case "array":
+        case "tags": {
+          let a = Nt();
+          t.required && (a = a.min(1, `${t.label ?? n} must have at least one item`)), t.maxTags != null && (a = a.max(t.maxTags, `${t.label ?? n} can have at most ${t.maxTags} items`)), i = a;
+          break;
+        }
+        case "object":
+        case "schema": {
+          const a = t.children ?? [];
+          i = a.length > 0 ? Ge(a) : Ve(), t.required && (i = i.required(`${t.label ?? n} is required`));
+          break;
+        }
+        case "date":
+        case "datetime":
+        case "time": {
+          let a = Se();
+          t.required && (a = a.required(`${t.label ?? n} is required`)), i = a;
+          break;
+        }
+        default: {
+          const a = t.inputType;
+          let o = Se();
+          a === "email" ? o = o.email(`${t.label ?? n} must be a valid email address`) : a === "url" && (o = o.url(`${t.label ?? n} must be a valid URL`));
+          const c = t.minLength, p = t.maxLength;
+          c != null && (o = o.min(c, `${t.label ?? n} must be at least ${c} characters`)), p != null && (o = o.max(p, `${t.label ?? n} must be at most ${p} characters`)), t.required && (o = o.trim().required(`${t.label ?? n} is required`)), i = o;
+          break;
+        }
+      }
+    e[n] = i;
+  }
+  return Ve().shape(e);
+}
+function Fn({
+  schema: r,
+  initialValues: e,
+  onSubmit: t,
+  showErrorsImmediately: n = !1
+}) {
+  const i = r.fields ?? [], s = ue(
+    () => Ge(i),
+    [i]
+  ), a = ue(() => {
+    if (n)
+      return i.reduce((g, v) => {
+        const S = ot(v);
+        return S && (g[S] = !0), g;
+      }, {});
+  }, [i, n]), [o, c] = E({}), [p, m] = E({}), b = G(e);
+  me(() => {
+    b.current !== e && (b.current = e, c({}), m({}));
+  }, [e]);
+  const h = Pt({
+    initialValues: e,
+    validationSchema: s,
+    initialTouched: a,
+    validateOnMount: n,
+    validateOnChange: !0,
+    validateOnBlur: !0,
+    enableReinitialize: !0,
+    onSubmit: async (g) => {
+      const v = De({ values: g, conditionConfig: p });
+      await t(g, v);
+    }
+  }), u = be(() => {
+    h.submitForm();
+  }, [h]), x = be((g) => {
+    h.resetForm(g ? { values: g } : void 0), c({}), m({});
+  }, [h]);
+  return {
+    values: h.values,
+    errors: h.errors,
+    isValid: h.isValid,
+    isDirty: h.dirty,
+    isSubmitting: h.isSubmitting,
+    formulaConfig: o,
+    conditionConfig: p,
+    submit: u,
+    reset: x,
+    setFieldValue: h.setFieldValue,
+    // Internals for DynamicFormRenderer
+    _schema: r,
+    _formik: h,
+    _formulaConfig: o,
+    _onFormulaConfigChange: c,
+    _conditionConfig: p,
+    _onConditionConfigChange: m
+  };
+}
+const rn = Ye.getTypeOptions(), C = "form-control font-14", k = "text-14 text-dark fw-medium mb-1 align-items-center d-flex gap-1", H = {
+  fontSize: 10,
+  fontWeight: 700,
+  color: "#94a3b8",
+  textTransform: "uppercase",
+  letterSpacing: 0.6,
+  marginBottom: 8,
+  display: "block"
+}, nn = [
+  { value: "text", label: "Text" },
+  { value: "number", label: "Number" },
+  { value: "email", label: "Email" },
+  { value: "url", label: "URL" },
+  { value: "password", label: "Password" },
+  { value: "select", label: "Select" },
+  { value: "object", label: "Object (sub-fields)" },
+  { value: "array", label: "Array (nested)" }
+], ln = [
+  { value: 3, label: "1/4" },
+  { value: 4, label: "1/3" },
+  { value: 6, label: "1/2" },
+  { value: 8, label: "2/3" },
+  { value: 12, label: "Full" }
+];
+function sn({ value: r, onChange: e }) {
+  const t = r ?? 12;
+  return /* @__PURE__ */ f(d, { children: [
+    /* @__PURE__ */ l("span", { className: k, children: "Column width" }),
+    /* @__PURE__ */ l(d, { sx: { display: "flex", gap: 0.5 }, children: ln.map((n) => /* @__PURE__ */ l(te, { title: `colSpan: ${n.value}`, placement: "top", children: /* @__PURE__ */ l(
+      d,
+      {
+        component: "button",
+        onClick: () => e(n.value),
+        sx: {
+          flex: 1,
+          border: "1px solid",
+          borderColor: t === n.value ? "#6366f1" : "#dee2e6",
+          borderRadius: "6px",
+          cursor: "pointer",
+          bgcolor: t === n.value ? "#eef2ff" : "#fff",
+          color: t === n.value ? "#6366f1" : "#6c757d",
+          fontSize: 11,
+          fontWeight: 600,
+          py: 0.6,
+          px: 0,
+          "&:hover": { borderColor: "#6366f1", bgcolor: "#f5f3ff" }
+        },
+        children: n.label
+      }
+    ) }, n.value)) }),
+    /* @__PURE__ */ l(d, { sx: { display: "flex", gap: "3px", mt: 0.75 }, children: Array.from({ length: 12 }).map((n, i) => /* @__PURE__ */ l(d, { sx: { flex: 1, height: 4, borderRadius: "2px", bgcolor: i < t ? "#6366f1" : "#e2e8f0", transition: "background 0.12s" } }, i)) })
+  ] });
+}
+function zt({ options: r = [], onChange: e }) {
+  function t(n, i, s) {
+    e(r.map((a, o) => o === n ? { ...a, [i]: s } : a));
+  }
+  return /* @__PURE__ */ f(d, { children: [
+    /* @__PURE__ */ f("span", { className: k, children: [
+      "Options ",
+      /* @__PURE__ */ l("span", { style: { color: "#dc3545" }, children: "*" })
+    ] }),
+    /* @__PURE__ */ l(d, { sx: { display: "flex", flexDirection: "column", gap: 0.5, mb: 0.75 }, children: r.map((n, i) => /* @__PURE__ */ f(d, { sx: { display: "flex", gap: 0.5, alignItems: "center" }, children: [
+      /* @__PURE__ */ l("input", { className: C, style: { flex: 1 }, placeholder: "Label", value: n.label, onChange: (s) => t(i, "label", s.target.value) }),
+      /* @__PURE__ */ l("input", { className: C, style: { flex: 1 }, placeholder: "Value", value: n.value, onChange: (s) => t(i, "value", s.target.value) }),
+      /* @__PURE__ */ l(d, { component: "button", onClick: () => e(r.filter((s, a) => a !== i)), sx: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", display: "flex", p: 0.25, "&:hover": { color: "#dc2626" } }, children: /* @__PURE__ */ l(re, { size: 13 }) })
+    ] }, i)) }),
+    /* @__PURE__ */ f(d, { component: "button", onClick: () => e([...r, { label: "", value: "" }]), sx: { display: "flex", alignItems: "center", gap: 0.5, background: "none", border: "1px dashed #dee2e6", cursor: "pointer", fontSize: 11, fontWeight: 600, px: 1, py: 0.5, borderRadius: "6px", color: "#6366f1", width: "100%", "&:hover": { borderColor: "#6366f1", bgcolor: "#f5f3ff" } }, children: [
+      /* @__PURE__ */ l(_e, { size: 13 }),
+      " Add option"
+    ] })
+  ] });
+}
+const Rt = [
+  { value: "operator", label: "Operator (predefined)" },
+  { value: "select", label: "Select" },
+  { value: "text", label: "Text" }
+];
+function an({ col: r, onChange: e, onDelete: t }) {
+  const n = r.type === "select", i = r.type === "operator";
+  return /* @__PURE__ */ f(d, { sx: { border: "1px solid #e2e8f0", borderRadius: "7px", p: 1.25, bgcolor: "#fff", display: "flex", flexDirection: "column", gap: 1 }, children: [
+    /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+      /* @__PURE__ */ l(d, { sx: { fontSize: 10, fontWeight: 700, px: 0.75, py: 0.2, borderRadius: "4px", bgcolor: i ? "#fef9c3" : "#eef2ff", color: i ? "#92400e" : "#6366f1", flexShrink: 0 }, children: i ? "OPERATOR" : r.type.toUpperCase() }),
+      /* @__PURE__ */ l(d, { sx: { fontSize: 12, fontWeight: 600, color: "#0f172a", flex: 1 }, children: r.label || r.id || "Unnamed" }),
+      /* @__PURE__ */ l(d, { component: "button", onClick: t, sx: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", display: "flex", p: 0.25, "&:hover": { color: "#dc2626" } }, children: /* @__PURE__ */ l(re, { size: 13 }) })
+    ] }),
+    /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }, children: [
+      /* @__PURE__ */ f(d, { children: [
+        /* @__PURE__ */ l("label", { className: k, children: "Column type" }),
+        /* @__PURE__ */ l("select", { value: r.type, onChange: (s) => e({ ...r, type: s.target.value, options: void 0 }), className: C, style: { cursor: "pointer" }, children: Rt.map((s) => /* @__PURE__ */ l("option", { value: s.value, children: s.label }, s.value)) })
+      ] }),
+      /* @__PURE__ */ f(d, { children: [
+        /* @__PURE__ */ f("label", { className: k, children: [
+          "Column key ",
+          /* @__PURE__ */ l("span", { style: { color: "#dc3545" }, children: "*" })
+        ] }),
+        /* @__PURE__ */ l("input", { className: `${C} ${r.id ? "" : "border-danger"}`, value: r.id, onChange: (s) => e({ ...r, id: s.target.value }), placeholder: "e.g. field, operator, value" }),
+        !r.id && /* @__PURE__ */ l("span", { style: { fontSize: 10, color: "#dc3545" }, children: "Required — used as data key" })
+      ] })
+    ] }),
+    !i && /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }, children: [
+      /* @__PURE__ */ f(d, { children: [
+        /* @__PURE__ */ l("label", { className: k, children: "Label" }),
+        /* @__PURE__ */ l("input", { className: C, value: r.label ?? "", onChange: (s) => e({ ...r, label: s.target.value || void 0 }), placeholder: "Column label" })
+      ] }),
+      /* @__PURE__ */ f(d, { children: [
+        /* @__PURE__ */ l("label", { className: k, children: "Placeholder" }),
+        /* @__PURE__ */ l("input", { className: C, value: r.placeholder ?? "", onChange: (s) => e({ ...r, placeholder: s.target.value || void 0 }), placeholder: "Hint…" })
+      ] })
+    ] }),
+    n && /* @__PURE__ */ l(zt, { options: r.options ?? [], onChange: (s) => e({ ...r, options: s }) }),
+    i && /* @__PURE__ */ l(d, { sx: { bgcolor: "#fefce8", border: "1px solid #fef08a", borderRadius: "6px", px: 1.25, py: 0.75 }, children: /* @__PURE__ */ l(d, { sx: { fontSize: 11, color: "#78350f" }, children: "Predefined: equals, not equals, contains, starts with, ends with, is present, is not present, greater than, less than…" }) }),
+    !i && /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+      /* @__PURE__ */ l("input", { type: "checkbox", id: `formula-${r.id}`, checked: !!r.formula, onChange: (s) => e({ ...r, formula: s.target.checked || void 0 }), style: { cursor: "pointer", width: 14, height: 14 } }),
+      /* @__PURE__ */ l("label", { htmlFor: `formula-${r.id}`, className: k, style: { margin: 0, cursor: "pointer" }, children: "Formula input (chip editor)" })
+    ] })
+  ] });
+}
+function on({ condition: r, onChange: e }) {
+  const t = !!r;
+  function n() {
+    e(t ? void 0 : { fields: [] });
+  }
+  function i(o) {
+    if (!r) return;
+    const c = o === "operator" ? "operator" : r.fields.filter((p) => p.type !== "operator").length === 0 ? "field" : "value";
+    e({ ...r, fields: [...r.fields, { id: c, type: o }] });
+  }
+  function s(o, c) {
+    if (!r) return;
+    const p = [...r.fields];
+    p[o] = c, e({ ...r, fields: p });
+  }
+  function a(o) {
+    r && e({ ...r, fields: r.fields.filter((c, p) => p !== o) });
+  }
+  return /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5 }, children: [
+    /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75, mb: t ? 1.25 : 0 }, children: [
+      /* @__PURE__ */ l("input", { type: "checkbox", id: "enable-condition", checked: t, onChange: n, style: { cursor: "pointer", width: 14, height: 14 } }),
+      /* @__PURE__ */ l("span", { style: { ...H, margin: 0, color: t ? "#6366f1" : "#94a3b8" }, children: "Condition row" })
+    ] }),
+    t && r && /* @__PURE__ */ f(d, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+      r.fields.map((o, c) => /* @__PURE__ */ l(an, { col: o, onChange: (p) => s(c, p), onDelete: () => a(c) }, c)),
+      /* @__PURE__ */ l(d, { sx: { display: "flex", gap: 0.5 }, children: Rt.map((o) => /* @__PURE__ */ f(d, { component: "button", onClick: () => i(o.value), sx: { flex: 1, background: "none", border: "1px dashed #dee2e6", cursor: "pointer", fontSize: 11, fontWeight: 600, py: 0.5, borderRadius: "6px", color: o.value === "operator" ? "#92400e" : "#6366f1", "&:hover": { borderColor: "#6366f1", bgcolor: "#f5f3ff" } }, children: [
+        "+ ",
+        o.value === "operator" ? "Operator" : o.label.split(" ")[0]
+      ] }, o.value)) }),
+      /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 2, flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+          /* @__PURE__ */ l("input", { type: "checkbox", id: "allow-groups", checked: !!r.allowGroups, onChange: (o) => e({ ...r, allowGroups: o.target.checked || void 0 }), style: { cursor: "pointer", width: 14, height: 14 } }),
+          /* @__PURE__ */ l("label", { htmlFor: "allow-groups", className: k, style: { margin: 0, cursor: "pointer" }, children: "Allow nested groups" })
+        ] }),
+        r.allowGroups && /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+          /* @__PURE__ */ l("label", { className: k, style: { margin: 0 }, children: "Max depth" }),
+          /* @__PURE__ */ l("input", { type: "number", min: 1, max: 5, className: C, style: { width: 60, textAlign: "center" }, value: r.maxGroupDepth ?? "", onChange: (o) => e({ ...r, maxGroupDepth: o.target.value ? Number(o.target.value) : void 0 }), placeholder: "∞" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ce({ id: r, label: e, checked: t, onChange: n }) {
+  return /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
+    /* @__PURE__ */ l("input", { type: "checkbox", id: r, checked: t, onChange: (i) => n(i.target.checked), style: { cursor: "pointer", width: 14, height: 14, flexShrink: 0 } }),
+    /* @__PURE__ */ l("label", { htmlFor: r, className: k, style: { margin: 0, cursor: "pointer" }, children: e })
+  ] });
+}
+function cn({ views: r = [], onChange: e }) {
+  function t(i, s, a) {
+    e(r.map((o, c) => c === i ? { ...o, [s]: a } : o));
+  }
+  function n() {
+    const i = `tab${r.length + 1}`;
+    e([...r, { id: i, label: `Tab ${r.length + 1}` }]);
+  }
+  return /* @__PURE__ */ f(d, { children: [
+    /* @__PURE__ */ l("span", { className: k, children: "Views" }),
+    /* @__PURE__ */ l(d, { sx: { display: "flex", flexDirection: "column", gap: 0.5, mb: 0.75 }, children: r.map((i, s) => /* @__PURE__ */ f(d, { sx: { display: "flex", gap: 0.5, alignItems: "center" }, children: [
+      /* @__PURE__ */ l("input", { className: C, style: { flex: 1 }, placeholder: "Label", value: i.label, onChange: (a) => t(s, "label", a.target.value) }),
+      /* @__PURE__ */ l("input", { className: C, style: { flex: 1 }, placeholder: "ID (no spaces)", value: i.id, onChange: (a) => t(s, "id", a.target.value.replace(/\s/g, "_")) }),
+      /* @__PURE__ */ l(d, { component: "button", onClick: () => e(r.filter((a, o) => o !== s)), sx: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", display: "flex", p: 0.25, "&:hover": { color: "#dc2626" } }, children: /* @__PURE__ */ l(re, { size: 13 }) })
+    ] }, s)) }),
+    /* @__PURE__ */ f(d, { component: "button", onClick: n, sx: { display: "flex", alignItems: "center", gap: 0.5, background: "none", border: "1px dashed #dee2e6", cursor: "pointer", fontSize: 11, fontWeight: 600, px: 1, py: 0.5, borderRadius: "6px", color: "#6366f1", width: "100%", "&:hover": { borderColor: "#6366f1", bgcolor: "#f5f3ff" } }, children: [
+      /* @__PURE__ */ l(_e, { size: 13 }),
+      " Add view"
+    ] })
+  ] });
+}
+function xe({ label: r, value: e, options: t, onChange: n }) {
+  return /* @__PURE__ */ f(d, { children: [
+    /* @__PURE__ */ l("span", { className: k, children: r }),
+    /* @__PURE__ */ l(d, { sx: { display: "flex", border: "1px solid #dee2e6", borderRadius: "7px", overflow: "hidden" }, children: t.map((i) => /* @__PURE__ */ l(
+      d,
+      {
+        component: "button",
+        onClick: () => n(i.value),
+        sx: {
+          flex: 1,
+          border: "none",
+          borderRight: "1px solid #dee2e6",
+          cursor: "pointer",
+          fontSize: 12,
+          fontWeight: 600,
+          py: 0.6,
+          bgcolor: e === i.value ? "#eef2ff" : "#fff",
+          color: e === i.value ? "#6366f1" : "#6c757d",
+          "&:last-child": { borderRight: "none" },
+          "&:hover": { bgcolor: "#f5f3ff" }
+        },
+        children: i.label
+      },
+      i.value
+    )) })
+  ] });
+}
+function It({ field: r, onChange: e, onSave: t, onCancel: n, noFooter: i }) {
+  const [s, a] = E(!1), o = r.id ?? r.name ?? "", c = r, p = r.type === "select" || r.type === "descriptive-select" || r.type === "radio-group", m = Ye.get(r.type), b = m == null ? void 0 : m.configSchema;
+  function h(u, x) {
+    e({ ...r, [u]: x });
+  }
+  return /* @__PURE__ */ f(Te, { children: [
+    /* @__PURE__ */ f(d, { sx: { flex: 1, overflowY: "auto", px: 2.5, py: 2, display: "flex", flexDirection: "column", gap: 1.75 }, children: [
+      /* @__PURE__ */ f(d, { children: [
+        /* @__PURE__ */ l("span", { style: H, children: "Required" }),
+        /* @__PURE__ */ f(d, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Type" }),
+            /* @__PURE__ */ l("select", { value: r.type, onChange: (u) => h("type", u.target.value), className: C, style: { cursor: "pointer" }, children: rn.map((u) => /* @__PURE__ */ l("option", { value: u.value, children: u.label }, u.value)) })
+          ] }),
+          /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: r.type === "tabs" ? "1fr" : "1fr 1fr", gap: 1 }, children: [
+            /* @__PURE__ */ f(d, { children: [
+              /* @__PURE__ */ f("label", { className: k, children: [
+                "Field ID ",
+                /* @__PURE__ */ l("span", { style: { color: "#dc3545" }, children: "*" })
+              ] }),
+              /* @__PURE__ */ l("input", { className: C, value: r.id ?? r.name ?? "", onChange: (u) => h("id", u.target.value), placeholder: "e.g. email" })
+            ] }),
+            r.type !== "tabs" && /* @__PURE__ */ f(d, { children: [
+              /* @__PURE__ */ f("label", { className: k, children: [
+                "Label ",
+                /* @__PURE__ */ l("span", { style: { color: "#dc3545" }, children: "*" })
+              ] }),
+              /* @__PURE__ */ l("input", { className: C, value: r.label ?? "", onChange: (u) => h("label", u.target.value), placeholder: "Display label" })
+            ] })
+          ] }),
+          r.type !== "tabs" && /* @__PURE__ */ l(sn, { value: r.colSpan, onChange: (u) => h("colSpan", u === 12 ? void 0 : u) })
+        ] })
+      ] }),
+      b && /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5 }, children: [
+        /* @__PURE__ */ l("span", { style: H, children: "Specific Settings" }),
+        /* @__PURE__ */ l(
+          We,
+          {
+            schema: { layout: "flat", compact: !0, fields: b.fields },
+            initialValues: r,
+            onValuesChange: (u) => e({ ...r, ...u }),
+            onSubmit: () => {
+            }
+          }
+        )
+      ] }),
+      r.type === "tabs" && /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5, display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+        /* @__PURE__ */ l("span", { style: H, children: "Content" }),
+        /* @__PURE__ */ l(
+          cn,
+          {
+            views: (c.tabs ?? []).map((u) => ({ id: u.id, label: u.label })),
+            onChange: (u) => {
+              const x = c.tabs ?? [], g = u.map((v) => {
+                const S = x.find((F) => F.id === v.id);
+                return S ? { ...S, ...v } : { ...v, fields: [] };
+              });
+              e({ ...r, tabs: g });
+            }
+          }
+        ),
+        /* @__PURE__ */ l("span", { style: { ...H, marginTop: 4 }, children: "Interaction" }),
+        /* @__PURE__ */ f(d, { children: [
+          /* @__PURE__ */ l("label", { className: k, children: "Disabled" }),
+          /* @__PURE__ */ l("input", { className: C, value: c.disabledExpr ?? "", onChange: (u) => e({ ...r, disabledExpr: u.target.value || void 0 }), placeholder: "false" })
+        ] }),
+        /* @__PURE__ */ l("span", { style: { ...H, marginTop: 4 }, children: "Appearance" }),
+        /* @__PURE__ */ l(
+          xe,
+          {
+            label: "Alignment",
+            value: c.alignment ?? "left",
+            options: [
+              { value: "left", label: "|←" },
+              { value: "center-left", label: "←|" },
+              { value: "center", label: "|·|" },
+              { value: "center-right", label: "|→" },
+              { value: "right", label: "→|" }
+            ],
+            onChange: (u) => e({ ...r, alignment: u })
+          }
+        ),
+        /* @__PURE__ */ f(d, { children: [
+          /* @__PURE__ */ l("label", { className: k, children: "Hidden" }),
+          /* @__PURE__ */ l("input", { className: C, value: c.hiddenExpr ?? "", onChange: (u) => e({ ...r, hiddenExpr: u.target.value || void 0 }), placeholder: "false" })
+        ] }),
+        /* @__PURE__ */ l(
+          xe,
+          {
+            label: "Variant",
+            value: c.variant ?? "line",
+            options: [{ value: "pill", label: "Pill" }, { value: "line", label: "Line" }],
+            onChange: (u) => e({ ...r, variant: u })
+          }
+        ),
+        /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 1 }, children: [
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Active color" }),
+            /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ l("input", { type: "color", value: c.activeColor ?? "#6366f1", onChange: (u) => e({ ...r, activeColor: u.target.value }), style: { width: 28, height: 28, border: "1px solid #dee2e6", borderRadius: 6, cursor: "pointer", padding: 2, background: "#fff" } }),
+              /* @__PURE__ */ l("input", { className: C, value: c.activeColor ?? "", onChange: (u) => e({ ...r, activeColor: u.target.value || void 0 }), placeholder: "#6366f1", style: { flex: 1 } })
+            ] })
+          ] }),
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Active text" }),
+            /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ l("input", { type: "color", value: c.activeTextColor ?? "#ffffff", onChange: (u) => e({ ...r, activeTextColor: u.target.value }), style: { width: 28, height: 28, border: "1px solid #dee2e6", borderRadius: 6, cursor: "pointer", padding: 2, background: "#fff" } }),
+              /* @__PURE__ */ l("input", { className: C, value: c.activeTextColor ?? "", onChange: (u) => e({ ...r, activeTextColor: u.target.value || void 0 }), placeholder: "auto", style: { flex: 1 } })
+            ] })
+          ] }),
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Inactive text" }),
+            /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+              /* @__PURE__ */ l("input", { type: "color", value: c.inactiveTextColor ?? "#64748b", onChange: (u) => e({ ...r, inactiveTextColor: u.target.value }), style: { width: 28, height: 28, border: "1px solid #dee2e6", borderRadius: 6, cursor: "pointer", padding: 2, background: "#fff" } }),
+              /* @__PURE__ */ l("input", { className: C, value: c.inactiveTextColor ?? "", onChange: (u) => e({ ...r, inactiveTextColor: u.target.value || void 0 }), placeholder: "#64748b", style: { flex: 1 } })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ f(d, { children: [
+          /* @__PURE__ */ l("label", { className: k, children: "Styles" }),
+          /* @__PURE__ */ l("input", { className: C, value: c.styles ?? "", onChange: (u) => e({ ...r, styles: u.target.value || void 0 }), placeholder: "None" })
+        ] }),
+        /* @__PURE__ */ l("span", { style: { ...H, marginTop: 4 }, children: "Spacing" }),
+        /* @__PURE__ */ l(
+          xe,
+          {
+            label: "Height",
+            value: c.height ?? "auto",
+            options: [{ value: "auto", label: "Auto" }, { value: "fixed", label: "Fixed" }],
+            onChange: (u) => e({ ...r, height: u })
+          }
+        ),
+        /* @__PURE__ */ l(
+          xe,
+          {
+            label: "Margin",
+            value: c.margin ?? "normal",
+            options: [{ value: "normal", label: "Normal" }, { value: "none", label: "None" }],
+            onChange: (u) => e({ ...r, margin: u })
+          }
+        )
+      ] }),
+      p && /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5 }, children: [
+        /* @__PURE__ */ l("span", { style: H, children: "Options" }),
+        /* @__PURE__ */ l(zt, { options: c.options ?? [], onChange: (u) => e({ ...r, options: u }) })
+      ] }),
+      r.type === "array" && /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5, display: "flex", flexDirection: "column", gap: 1 }, children: [
+        /* @__PURE__ */ l("span", { style: H, children: "Array settings" }),
+        /* @__PURE__ */ f(d, { children: [
+          /* @__PURE__ */ l("label", { className: k, children: "Item type" }),
+          /* @__PURE__ */ l("select", { className: C, style: { cursor: "pointer" }, value: c.itemType ?? "text", onChange: (u) => e({ ...r, itemType: u.target.value }), children: nn.map((u) => /* @__PURE__ */ l("option", { value: u.value, children: u.label }, u.value)) })
+        ] }),
+        /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }, children: [
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Item label" }),
+            /* @__PURE__ */ l("input", { className: C, value: c.itemLabel ?? "", onChange: (u) => e({ ...r, itemLabel: u.target.value || void 0 }), placeholder: 'e.g. "Member"' })
+          ] }),
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Add button label" }),
+            /* @__PURE__ */ l("input", { className: C, value: c.addLabel ?? "", onChange: (u) => e({ ...r, addLabel: u.target.value || void 0 }), placeholder: "Add item" })
+          ] })
+        ] }),
+        /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }, children: [
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Min items" }),
+            /* @__PURE__ */ l("input", { type: "number", min: 0, className: C, value: c.minItems ?? "", onChange: (u) => e({ ...r, minItems: u.target.value ? Number(u.target.value) : void 0 }), placeholder: "0" })
+          ] }),
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Max items" }),
+            /* @__PURE__ */ l("input", { type: "number", min: 1, className: C, value: c.maxItems ?? "", onChange: (u) => e({ ...r, maxItems: u.target.value ? Number(u.target.value) : void 0 }), placeholder: "∞" })
+          ] })
+        ] }),
+        !["object", "array", "select"].includes(c.itemType ?? "text") && /* @__PURE__ */ f(d, { children: [
+          /* @__PURE__ */ l("label", { className: k, children: "Item placeholder" }),
+          /* @__PURE__ */ l("input", { className: C, value: c.itemPlaceholder ?? "", onChange: (u) => e({ ...r, itemPlaceholder: u.target.value || void 0 }), placeholder: "Enter value…" })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(
+        on,
+        {
+          condition: r.condition,
+          onChange: (u) => e({ ...r, condition: u })
+        }
+      ),
+      /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", pt: 1.5 }, children: [
+        /* @__PURE__ */ l(d, { component: "button", onClick: () => a((u) => !u), sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", gap: 0.5, p: 0, mb: s ? 1.25 : 0 }, children: /* @__PURE__ */ f("span", { style: { ...H, margin: 0, color: s ? "#6366f1" : "#94a3b8" }, children: [
+          s ? "▾" : "▸",
+          " Optional settings"
+        ] }) }),
+        /* @__PURE__ */ l(Ht, { in: s, children: /* @__PURE__ */ f(d, { sx: { display: "flex", flexDirection: "column", gap: 1.25 }, children: [
+          /* @__PURE__ */ f(d, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }, children: [
+            /* @__PURE__ */ f(d, { children: [
+              /* @__PURE__ */ l("label", { className: k, children: "Placeholder" }),
+              /* @__PURE__ */ l("input", { className: C, value: r.placeholder ?? "", onChange: (u) => h("placeholder", u.target.value || void 0), placeholder: "Hint text…" })
+            ] }),
+            /* @__PURE__ */ f(d, { children: [
+              /* @__PURE__ */ l("label", { className: k, children: "Helper text" }),
+              /* @__PURE__ */ l("input", { className: C, value: r.helperText ?? "", onChange: (u) => h("helperText", u.target.value || void 0), placeholder: "Description…" })
+            ] })
+          ] }),
+          /* @__PURE__ */ f(d, { children: [
+            /* @__PURE__ */ l("label", { className: k, children: "Info tooltip" }),
+            /* @__PURE__ */ l("input", { className: C, value: r.info ?? "", onChange: (u) => h("info", u.target.value || void 0), placeholder: "Shown in ℹ tooltip" })
+          ] }),
+          /* @__PURE__ */ f(d, { sx: { display: "flex", flexWrap: "wrap", gap: 1.5 }, children: [
+            /* @__PURE__ */ l(ce, { id: `${o}-req`, label: "Required", checked: !!r.required, onChange: (u) => h("required", u || void 0) }),
+            /* @__PURE__ */ l(ce, { id: `${o}-dis`, label: "Disabled", checked: !!r.disabled, onChange: (u) => h("disabled", u || void 0) }),
+            /* @__PURE__ */ l(ce, { id: `${o}-hid`, label: "Hidden", checked: !!r.hidden, onChange: (u) => h("hidden", u || void 0) }),
+            /* @__PURE__ */ l(ce, { id: `${o}-opt`, label: "Show optional", checked: !!r.showOptional, onChange: (u) => h("showOptional", u || void 0) }),
+            /* @__PURE__ */ l(ce, { id: `${o}-div`, label: "Divider after", checked: !!r.dividerAfter, onChange: (u) => h("dividerAfter", u || void 0) }),
+            /* @__PURE__ */ l(ce, { id: `${o}-frm`, label: "Formula input", checked: !!r.formula, onChange: (u) => h("formula", u || void 0) })
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    !i && /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", px: 2.5, py: 1.5, display: "flex", gap: 1, justifyContent: "flex-end", bgcolor: "#f8fafc", flexShrink: 0 }, children: [
+      /* @__PURE__ */ l(d, { component: "button", onClick: n, sx: { background: "none", border: "1px solid #dee2e6", cursor: "pointer", fontSize: 13, fontWeight: 500, px: 2, py: 0.75, borderRadius: "7px", color: "#6c757d", "&:hover": { bgcolor: "#f8f9fa" } }, children: "Cancel" }),
+      /* @__PURE__ */ f(d, { component: "button", onClick: t, sx: { border: "none", cursor: "pointer", fontSize: 13, fontWeight: 600, px: 2.5, py: 0.75, borderRadius: "7px", bgcolor: "#6366f1", color: "#fff", display: "flex", alignItems: "center", gap: 0.75, "&:hover": { bgcolor: "#4f46e5" } }, children: [
+        /* @__PURE__ */ l(Ee, { size: 15 }),
+        " Save"
+      ] })
+    ] })
+  ] });
+}
+const ke = {
+  text: "#0f172a",
+  textMuted: "#64748b",
+  borderInput: "rgba(0,0,0,0.23)",
+  bg: "#ffffff"
+}, un = {
+  md: "6px"
+}, Dt = {
+  sm: 11,
+  md: 13
+}, Ie = {
+  width: "100%",
+  fontSize: Dt.md,
+  fontFamily: "inherit",
+  padding: "8px 12px",
+  border: `1px solid ${ke.borderInput}`,
+  borderRadius: un.md,
+  outline: "none",
+  background: ke.bg,
+  color: ke.text,
+  boxSizing: "border-box",
+  transition: "border-color 0.15s, box-shadow 0.15s"
+};
+function at() {
+  return { type: "text", id: "", label: "", colSpan: 12 };
+}
+function dn(r) {
+  return r.type === "object" || r.type === "array" || r.type === "schema";
+}
+function fn(r) {
+  if (r.type === "object") return "Child Fields";
+  if (r.type === "schema") return "Schema Fields";
+  const e = r.itemType ?? "text";
+  return e === "object" ? "Item Fields" : e === "select" ? "Item Options" : "Item Config";
+}
+function pn({ field: r, onChange: e }) {
+  var i;
+  const t = r, n = t.itemType ?? "text";
+  if (r.type === "object")
+    return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+      /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#64748b", mb: 2 }, children: "Define the fields nested inside this object. Each child field can itself be an object or array." }),
+      /* @__PURE__ */ l(
+        Ce,
+        {
+          value: r.children ?? [],
+          onChange: (s) => e({ ...r, children: s }),
+          label: "Child fields"
+        }
+      )
+    ] });
+  if (r.type === "schema")
+    return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+      /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#64748b", mb: 2 }, children: "Define the fields inside this schema. When the form is filled, their values are collected into a single object as this field's value." }),
+      /* @__PURE__ */ l(
+        Ce,
+        {
+          value: r.children ?? [],
+          onChange: (s) => e({ ...r, children: s }),
+          label: "Schema fields"
+        }
+      )
+    ] });
+  if (r.type === "array") {
+    if (n === "object")
+      return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+        /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#64748b", mb: 2 }, children: "Define the fields for each item in the array. Each item will be an object with these fields." }),
+        /* @__PURE__ */ l(
+          Ce,
+          {
+            value: t.itemFields ?? [],
+            onChange: (s) => e({ ...r, itemFields: s }),
+            label: "Item fields"
+          }
+        )
+      ] });
+    if (n === "select") {
+      const s = t.itemOptions ?? [];
+      return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+        /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#64748b", mb: 2 }, children: "Options available in each select item." }),
+        /* @__PURE__ */ l(d, { sx: { display: "flex", flexDirection: "column", gap: 0.5, mb: 0.75 }, children: s.map((a, o) => /* @__PURE__ */ f(d, { sx: { display: "flex", gap: 0.5, alignItems: "center" }, children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              style: { ...Ie, flex: 1, padding: "6px 10px" },
+              placeholder: "Label",
+              value: a.label,
+              onChange: (c) => {
+                const p = s.map((m, b) => b === o ? { ...m, label: c.target.value } : m);
+                e({ ...r, itemOptions: p });
+              }
+            }
+          ),
+          /* @__PURE__ */ l(
+            "input",
+            {
+              style: { ...Ie, flex: 1, padding: "6px 10px" },
+              placeholder: "Value",
+              value: a.value,
+              onChange: (c) => {
+                const p = s.map((m, b) => b === o ? { ...m, value: c.target.value } : m);
+                e({ ...r, itemOptions: p });
+              }
+            }
+          ),
+          /* @__PURE__ */ l(
+            d,
+            {
+              component: "button",
+              onClick: () => e({ ...r, itemOptions: s.filter((c, p) => p !== o) }),
+              sx: { background: "none", border: "none", cursor: "pointer", color: "#94a3b8", display: "flex", p: 0.25, "&:hover": { color: "#dc2626" } },
+              children: "✕"
+            }
+          )
+        ] }, o)) }),
+        /* @__PURE__ */ l(
+          d,
+          {
+            component: "button",
+            onClick: () => e({ ...r, itemOptions: [...s, { label: "", value: "" }] }),
+            sx: { display: "flex", alignItems: "center", gap: 0.5, background: "none", border: "1px dashed #dee2e6", cursor: "pointer", fontSize: 11, fontWeight: 600, px: 1, py: 0.5, borderRadius: "6px", color: "#6366f1", width: "100%", justifyContent: "center", "&:hover": { borderColor: "#6366f1", bgcolor: "#f5f3ff" } },
+            children: "+ Add option"
+          }
+        )
+      ] });
+    }
+    if (n === "array") {
+      const s = ((i = t.itemSchema) == null ? void 0 : i.itemType) ?? "text", a = [
+        { value: "text", label: "Text" },
+        { value: "number", label: "Number" },
+        { value: "email", label: "Email" },
+        { value: "url", label: "URL" },
+        { value: "password", label: "Password" },
+        { value: "select", label: "Select" },
+        { value: "object", label: "Object" }
+      ];
+      return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+        /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#64748b", mb: 2 }, children: "Each item is itself an array. Configure the type of items inside the nested array." }),
+        /* @__PURE__ */ l("label", { style: { fontSize: Dt.sm, fontWeight: 600, color: ke.textMuted, display: "block", marginBottom: 3 }, children: "Nested item type" }),
+        /* @__PURE__ */ l(
+          "select",
+          {
+            style: { ...Ie, padding: "6px 10px", cursor: "pointer" },
+            value: s,
+            onChange: (o) => e({ ...r, itemSchema: { ...t.itemSchema ?? {}, itemType: o.target.value } }),
+            children: a.map((o) => /* @__PURE__ */ l("option", { value: o.value, children: o.label }, o.value))
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ l(d, { sx: { p: 2.5 }, children: /* @__PURE__ */ f(d, { sx: { border: "1.5px dashed #e2e8f0", borderRadius: "8px", py: 3, textAlign: "center" }, children: [
+      /* @__PURE__ */ f(A, { sx: { fontSize: 13, color: "#94a3b8" }, children: [
+        "No extra configuration needed for ",
+        /* @__PURE__ */ l("strong", { children: n }),
+        " items."
+      ] }),
+      /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#cbd5e1", mt: 0.5 }, children: "Item placeholder and labels are set in the previous step." })
+    ] }) });
+  }
+  return null;
+}
+function hn({ field: r }) {
+  var a;
+  const [e, t] = E({}), n = r.id ?? r.name ?? "preview", i = [
+    { value: 3, label: "1/4" },
+    { value: 4, label: "1/3" },
+    { value: 6, label: "1/2" },
+    { value: 8, label: "2/3" },
+    { value: 12, label: "Full" }
+  ], s = r.colSpan && r.colSpan < 12 ? ((a = i.find((o) => o.value === r.colSpan)) == null ? void 0 : a.label) ?? r.colSpan : "Full";
+  return /* @__PURE__ */ f(d, { sx: { p: 2.5 }, children: [
+    /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", mb: 2, px: 1.25, py: 0.75, bgcolor: "#f0fdf4", border: "1px solid #bbf7d0", borderRadius: "7px" }, children: [
+      /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#15803d", fontWeight: 500, flex: 1 }, children: "Live preview — interact to test the field" }),
+      /* @__PURE__ */ f(A, { sx: { fontSize: 11, color: "#64748b" }, children: [
+        "Width: ",
+        s
+      ] })
+    ] }),
+    /* @__PURE__ */ l(
+      We,
+      {
+        schema: { layout: "flat", fields: [r] },
+        initialValues: { [n]: r.type === "array" ? [] : r.type === "object" || r.type === "schema" ? {} : "" },
+        onSubmit: () => {
+        },
+        conditionConfig: e,
+        onConditionConfigChange: t
+      }
+    )
+  ] });
+}
+function qe({ open: r, initial: e, onSave: t, onClose: n, editMode: i = !1 }) {
+  const [s, a] = E(1), [o, c] = E(() => e ?? at());
+  function p() {
+    c(e ?? at()), a(1);
+  }
+  const m = dn(o), b = m ? 3 : 2, h = m ? ["Configure", fn(o), "Preview"] : ["Configure", "Preview"], u = !!(o.id || o.name) && !!o.type;
+  function x() {
+    a((O) => Math.min(O + 1, b));
+  }
+  function g() {
+    a((O) => Math.max(O - 1, 1));
+  }
+  function v() {
+    t(o), n();
+  }
+  const S = s - 1, F = s === b, N = m && s === 3 || !m && s === 2;
+  return /* @__PURE__ */ f(
+    ct,
+    {
+      open: r,
+      onClose: n,
+      TransitionProps: { onEnter: p },
+      maxWidth: "sm",
+      fullWidth: !0,
+      PaperProps: { sx: { borderRadius: "12px", overflow: "hidden", display: "flex", flexDirection: "column", maxHeight: "90vh" } },
+      children: [
+        /* @__PURE__ */ f(d, { sx: { px: 2.5, pt: 1.75, pb: 0, borderBottom: "1px solid #e2e8f0", flexShrink: 0 }, children: [
+          /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", mb: 1.5 }, children: [
+            /* @__PURE__ */ l(A, { sx: { fontSize: 14, fontWeight: 700, color: "#0f172a", flex: 1 }, children: i ? "Edit Field" : "Add Field" }),
+            /* @__PURE__ */ l(Fe, { size: "small", onClick: n, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ l(re, { size: 17 }) })
+          ] }),
+          /* @__PURE__ */ l(Yt, { activeStep: S, sx: { pb: 1.5 }, children: h.map((O, D) => /* @__PURE__ */ l(Gt, { completed: S > D, children: /* @__PURE__ */ l(Jt, { children: O }) }, O)) })
+        ] }),
+        /* @__PURE__ */ f(d, { sx: { flex: 1, overflowY: "auto" }, children: [
+          s === 1 && /* @__PURE__ */ l(It, { field: o, onChange: c, onSave: x, onCancel: n, noFooter: !0 }),
+          s === 2 && m && /* @__PURE__ */ l(pn, { field: o, onChange: c }),
+          N && /* @__PURE__ */ l(hn, { field: o })
+        ] }),
+        /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", px: 2.5, py: 1.5, display: "flex", alignItems: "center", gap: 1, flexShrink: 0, bgcolor: "#f8fafc" }, children: [
+          s > 1 && /* @__PURE__ */ f(d, { component: "button", onClick: g, sx: { display: "flex", alignItems: "center", gap: 0.5, background: "none", border: "none", cursor: "pointer", fontSize: 13, fontWeight: 500, color: "#6c757d", px: 0, "&:hover": { color: "#0f172a" } }, children: [
+            /* @__PURE__ */ l(dt, { size: 14 }),
+            " Back"
+          ] }),
+          /* @__PURE__ */ l(d, { sx: { flex: 1 } }),
+          /* @__PURE__ */ l(d, { component: "button", onClick: n, sx: { background: "none", border: "1px solid #dee2e6", cursor: "pointer", fontSize: 13, fontWeight: 500, px: 2, py: 0.75, borderRadius: "7px", color: "#6c757d", "&:hover": { bgcolor: "#f8f9fa" } }, children: "Cancel" }),
+          F ? /* @__PURE__ */ f(d, { component: "button", onClick: v, sx: { border: "none", cursor: "pointer", fontSize: 13, fontWeight: 600, px: 2.5, py: 0.75, borderRadius: "7px", bgcolor: "#6366f1", color: "#fff", display: "flex", alignItems: "center", gap: 0.75, "&:hover": { bgcolor: "#4f46e5" } }, children: [
+            /* @__PURE__ */ l(Ee, { size: 15 }),
+            " ",
+            i ? "Save changes" : "Add field"
+          ] }) : /* @__PURE__ */ l(d, { component: "button", onClick: x, disabled: !u, sx: { border: "none", cursor: u ? "pointer" : "not-allowed", fontSize: 13, fontWeight: 600, px: 2.5, py: 0.75, borderRadius: "7px", bgcolor: u ? "#6366f1" : "#c7d2fe", color: "#fff", "&:hover": { bgcolor: u ? "#4f46e5" : "#c7d2fe" } }, children: "Next →" })
+        ] })
+      ]
+    }
+  );
+}
+function mn({ field: r, index: e, total: t, onEdit: n, onDelete: i, onMoveUp: s, onMoveDown: a }) {
+  const o = r.label || r.id || r.name || "Untitled", c = r.id ?? r.name ?? "";
+  return /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1, border: "1px solid #e2e8f0", borderRadius: "8px", bgcolor: "#fff" }, children: [
+    /* @__PURE__ */ f(d, { sx: { display: "flex", flexDirection: "column", gap: 0.25, color: "#cbd5e1" }, children: [
+      /* @__PURE__ */ l(d, { component: "button", onClick: s, disabled: e === 0, sx: { background: "none", border: "none", p: 0, cursor: e === 0 ? "default" : "pointer", color: e === 0 ? "#e2e8f0" : "#94a3b8", lineHeight: 1, fontSize: 10, "&:hover": { color: e === 0 ? "#e2e8f0" : "#475569" } }, children: "▲" }),
+      /* @__PURE__ */ l(d, { component: "button", onClick: a, disabled: e === t - 1, sx: { background: "none", border: "none", p: 0, cursor: e === t - 1 ? "default" : "pointer", color: e === t - 1 ? "#e2e8f0" : "#94a3b8", lineHeight: 1, fontSize: 10, "&:hover": { color: e === t - 1 ? "#e2e8f0" : "#475569" } }, children: "▼" })
+    ] }),
+    /* @__PURE__ */ l(d, { sx: { fontSize: 10, fontWeight: 700, px: 0.75, py: 0.2, borderRadius: "4px", bgcolor: "#eef2ff", color: "#6366f1", flexShrink: 0 }, children: r.type }),
+    /* @__PURE__ */ f(d, { sx: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ f(A, { sx: { fontSize: 13, fontWeight: 600, color: "#0f172a", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+        o,
+        r.required && /* @__PURE__ */ l(d, { component: "span", sx: { color: "#dc3545", ml: 0.25 }, children: "*" })
+      ] }),
+      /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#94a3b8", fontFamily: "monospace" }, children: c })
+    ] }),
+    /* @__PURE__ */ l(te, { title: "Edit field", placement: "top", children: /* @__PURE__ */ l(d, { component: "button", onClick: n, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#f1f5f9", color: "#475569" } }, children: /* @__PURE__ */ l(er, { size: 14 }) }) }),
+    /* @__PURE__ */ l(te, { title: "Remove field", placement: "top", children: /* @__PURE__ */ l(d, { component: "button", onClick: i, sx: { background: "none", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", width: 28, height: 28, borderRadius: "6px", p: 0, color: "#94a3b8", "&:hover": { bgcolor: "#fee2e2", color: "#dc2626" } }, children: /* @__PURE__ */ l(tr, { size: 16 }) }) })
+  ] });
+}
+function bn({ open: r, value: e, onSave: t, onClose: n }) {
+  const [i, s] = E(e), [a, o] = E(null);
+  function c() {
+    s(e), o(null);
+  }
+  function p(x) {
+    s((g) => g.filter((v, S) => S !== x));
+  }
+  function m(x, g) {
+    s((v) => {
+      const S = [...v], F = x + g;
+      return F < 0 || F >= S.length ? v : ([S[x], S[F]] = [S[F], S[x]], S);
+    });
+  }
+  function b(x) {
+    a !== null && (s((g) => {
+      const v = [...g];
+      return v[a] = x, v;
+    }), o(null));
+  }
+  function h() {
+    t(i), n();
+  }
+  const u = JSON.stringify(i) !== JSON.stringify(e);
+  return /* @__PURE__ */ f(Te, { children: [
+    /* @__PURE__ */ f(
+      ct,
+      {
+        open: r,
+        onClose: n,
+        TransitionProps: { onEnter: c },
+        maxWidth: "sm",
+        fullWidth: !0,
+        PaperProps: { sx: { borderRadius: "12px", overflow: "hidden", display: "flex", flexDirection: "column", maxHeight: "85vh" } },
+        children: [
+          /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", px: 2.5, py: 1.75, borderBottom: "1px solid #e2e8f0", flexShrink: 0 }, children: [
+            /* @__PURE__ */ f(d, { sx: { flex: 1 }, children: [
+              /* @__PURE__ */ l(A, { sx: { fontSize: 14, fontWeight: 700, color: "#0f172a" }, children: "Edit Schema" }),
+              /* @__PURE__ */ f(A, { sx: { fontSize: 11, color: "#94a3b8" }, children: [
+                i.length,
+                " field",
+                i.length !== 1 ? "s" : "",
+                " defined"
+              ] })
+            ] }),
+            /* @__PURE__ */ l(Fe, { size: "small", onClick: n, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ l(re, { size: 17 }) })
+          ] }),
+          /* @__PURE__ */ l(d, { sx: { flex: 1, overflowY: "auto", p: 2.5 }, children: i.length === 0 ? /* @__PURE__ */ l(d, { sx: { border: "1.5px dashed rgba(0,0,0,0.12)", borderRadius: "8px", py: 4, textAlign: "center" }, children: /* @__PURE__ */ l(A, { sx: { fontSize: 13, color: "#94a3b8" }, children: "No fields defined yet" }) }) : /* @__PURE__ */ l(d, { sx: { display: "flex", flexDirection: "column", gap: 0.75 }, children: i.map((x, g) => /* @__PURE__ */ l(
+            mn,
+            {
+              field: x,
+              index: g,
+              total: i.length,
+              onEdit: () => o(g),
+              onDelete: () => p(g),
+              onMoveUp: () => m(g, -1),
+              onMoveDown: () => m(g, 1)
+            },
+            `${x.id ?? x.name}-${g}`
+          )) }) }),
+          /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", px: 2.5, py: 1.5, display: "flex", alignItems: "center", gap: 1, flexShrink: 0, bgcolor: "#f8fafc" }, children: [
+            u ? /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#f59e0b", fontWeight: 500, flex: 1 }, children: "Unsaved changes" }) : /* @__PURE__ */ l(d, { sx: { flex: 1 } }),
+            /* @__PURE__ */ l(d, { component: "button", onClick: n, sx: { background: "none", border: "1px solid #dee2e6", cursor: "pointer", fontSize: 13, fontWeight: 500, px: 2, py: 0.75, borderRadius: "7px", color: "#6c757d", "&:hover": { bgcolor: "#f8f9fa" } }, children: "Cancel" }),
+            /* @__PURE__ */ f(d, { component: "button", onClick: h, sx: { border: "none", cursor: "pointer", fontSize: 13, fontWeight: 600, px: 2.5, py: 0.75, borderRadius: "7px", bgcolor: "#6366f1", color: "#fff", display: "flex", alignItems: "center", gap: 0.75, "&:hover": { bgcolor: "#4f46e5" } }, children: [
+              /* @__PURE__ */ l(Ee, { size: 15 }),
+              " Done"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    a !== null && /* @__PURE__ */ l(
+      qe,
+      {
+        open: a !== null,
+        initial: i[a],
+        onSave: b,
+        onClose: () => o(null),
+        editMode: !0
+      }
+    )
+  ] });
+}
+function jt(r) {
+  const e = {};
+  for (const t of r) {
+    const n = t.id ?? t.name ?? "";
+    n && (t.type === "array" ? e[n] = [] : t.type === "object" || t.type === "schema" ? e[n] = jt(t.children ?? []) : e[n] = "");
+  }
+  return e;
+}
+function Ce({
+  value: r,
+  onChange: e,
+  suggestions: t,
+  label: n = "Fields",
+  onPayload: i,
+  validate: s = !0,
+  onValidityChange: a,
+  variableGroups: o,
+  initialValues: c,
+  initialFormulaConfig: p,
+  initialConditionConfig: m
+}) {
+  const [b, h] = E(!1), [u, x] = E(!1), [g, v] = E(null), [S, F] = E(p ?? {}), [N, O] = E(m ?? {}), D = G(c ?? {}), q = ue(() => jt(r), [r]), X = ue(
+    () => c && Object.keys(c).length > 0 ? { ...q, ...c } : q,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [q, c]
+  ), B = ue(
+    () => s ? Ge(r) : void 0,
+    [s, r]
+  );
+  me(() => {
+    i && i({
+      schema: r,
+      formulaConfig: S,
+      conditionConfig: N,
+      conditionExpressions: Ke(N),
+      values: D.current,
+      evaluationPayload: De({ values: D.current, conditionConfig: N })
+    });
+  }, [N, S, r]);
+  const M = be((I) => {
+    D.current = I, i && i({
+      schema: r,
+      formulaConfig: S,
+      conditionConfig: N,
+      conditionExpressions: Ke(N),
+      values: I,
+      evaluationPayload: De({ values: I, conditionConfig: N })
+    });
+  }, [r, S, N, i]);
+  function W(I) {
+    e([...r, I]);
+  }
+  function $(I) {
+    if (!g) return;
+    const { containerFieldId: ne, tabId: ie } = g, he = r.map((L) => {
+      if ((L.id ?? L.name) !== ne) return L;
+      const ae = L.tabs ?? [];
+      return {
+        ...L,
+        tabs: ae.map(
+          (U) => U.id === ie ? { ...U, fields: [...U.fields ?? [], I] } : U
+        )
+      };
+    });
+    e(he), v(null);
+  }
+  function w(I, ne, ie) {
+    const he = r.map((L) => {
+      if ((L.id ?? L.name) !== I) return L;
+      const ae = L.tabs ?? [];
+      return {
+        ...L,
+        tabs: ae.map(
+          (U) => U.id === ne ? { ...U, fields: (U.fields ?? []).filter((Je, Ae) => Ae !== ie) } : U
+        )
+      };
+    });
+    e(he);
+  }
+  const Q = ue(() => ({
+    openAddFieldDialog: (I, ne) => v({ containerFieldId: I, tabId: ne }),
+    removeFieldFromTab: w
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }), [r, e]), pe = /* @__PURE__ */ f("div", { className: "schema-builder-root", children: [
+    r.length > 0 && /* @__PURE__ */ l("div", { className: "schema-builder-header", children: /* @__PURE__ */ f("div", { className: "schema-builder-actions", children: [
+      /* @__PURE__ */ l(te, { title: "Edit schema", placement: "top", children: /* @__PURE__ */ f(
+        "button",
+        {
+          className: "sb-btn sb-btn-outline",
+          onClick: () => x(!0),
+          children: [
+            /* @__PURE__ */ l(ft, { size: 13 }),
+            " Edit Schema"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ l(te, { title: "Add a new field", placement: "top", children: /* @__PURE__ */ f(
+        "button",
+        {
+          className: "sb-btn sb-btn-primary",
+          onClick: () => h(!0),
+          children: [
+            /* @__PURE__ */ l(_e, { size: 14 }),
+            " Add Field"
+          ]
+        }
+      ) })
+    ] }) }),
+    r.length > 0 ? /* @__PURE__ */ l(Ut.Provider, { value: Q, children: /* @__PURE__ */ l(
+      We,
+      {
+        schema: { layout: "flat", fields: r },
+        initialValues: X,
+        onSubmit: () => {
+        },
+        validationSchema: B,
+        onValidityChange: a,
+        onValuesChange: i ? M : void 0,
+        formulaConfig: S,
+        onFormulaConfigChange: F,
+        conditionConfig: N,
+        onConditionConfigChange: O
+      }
+    ) }) : /* @__PURE__ */ f("div", { className: "schema-builder-empty-state", children: [
+      /* @__PURE__ */ l(nr, { size: 40, className: "schema-builder-empty-icon" }),
+      /* @__PURE__ */ l("p", { className: "schema-builder-empty-title", children: "Tell us what fields should be in the list, and assign values to them." }),
+      /* @__PURE__ */ l("div", { className: "schema-builder-empty-actions", children: /* @__PURE__ */ l(
+        "button",
+        {
+          className: "btn",
+          onClick: () => h(!0),
+          children: "Add field"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(
+      qe,
+      {
+        open: b,
+        onSave: W,
+        onClose: () => h(!1)
+      }
+    ),
+    /* @__PURE__ */ l(
+      bn,
+      {
+        open: u,
+        value: r,
+        onSave: e,
+        onClose: () => x(!1)
+      }
+    ),
+    /* @__PURE__ */ l(
+      qe,
+      {
+        open: !!g,
+        onSave: $,
+        onClose: () => v(null)
+      }
+    )
+  ] });
+  return o ? /* @__PURE__ */ f(Bt, { groups: o, children: [
+    /* @__PURE__ */ l(Zt, { width: 260, mode: "popover" }),
+    pe
+  ] }) : pe;
+}
+function gn({ fields: r, onOpen: e }) {
+  return /* @__PURE__ */ f(d, { sx: { border: "1px solid #e2e8f0", borderRadius: "8px", bgcolor: "#fff", overflow: "hidden" }, children: [
+    r.length > 0 ? /* @__PURE__ */ l(d, { sx: { px: 1.5, py: 1.25, display: "flex", flexWrap: "wrap", gap: 0.5 }, children: r.map((t, n) => {
+      const i = t.id ?? t.name ?? "";
+      return /* @__PURE__ */ l(te, { title: `${t.type} · ${i}`, placement: "top", children: /* @__PURE__ */ l(
+        Xt,
+        {
+          label: t.label || i,
+          size: "small",
+          sx: { fontSize: 11, fontWeight: 500, height: 22, bgcolor: "#f1f5f9", color: "#334155", border: "1px solid #e2e8f0", "& .MuiChip-label": { px: 1 } }
+        }
+      ) }, n);
+    }) }) : /* @__PURE__ */ l(d, { sx: { px: 1.5, py: 1.5 }, children: /* @__PURE__ */ l(A, { sx: { fontSize: 12, color: "#94a3b8" }, children: "No fields defined yet" }) }),
+    /* @__PURE__ */ l(Qt, { sx: { borderColor: "#f1f5f9" } }),
+    /* @__PURE__ */ f(d, { onClick: e, sx: { display: "flex", alignItems: "center", gap: 0.75, px: 1.5, py: 1, cursor: "pointer", "&:hover": { bgcolor: "#f8fafc" }, transition: "background 0.12s" }, children: [
+      r.length === 0 ? /* @__PURE__ */ l(_e, { size: 14, color: "#6366f1" }) : /* @__PURE__ */ l(ft, { size: 13, color: "#6366f1" }),
+      /* @__PURE__ */ l(A, { sx: { fontSize: 12, fontWeight: 600, color: "#6366f1", flex: 1 }, children: r.length === 0 ? "Add fields" : "Configure fields" }),
+      /* @__PURE__ */ l(rr, { size: 13, color: "#94a3b8" })
+    ] })
+  ] });
+}
+function On({
+  value: r,
+  onChange: e,
+  suggestions: t,
+  onPayload: n,
+  onDone: i,
+  validate: s,
+  onValidityChange: a,
+  label: o = "Fields",
+  drawerTitle: c = "Configure Fields",
+  drawerWidth: p = 580
+}) {
+  const [m, b] = E(!1), [h, u] = E({ type: "list" }), [x, g] = E(r), v = G(null), S = G(void 0), F = G(void 0), N = G(void 0), [O, D] = E(null);
+  function q() {
+    g(r), u({ type: "list" }), b(!0);
+  }
+  function X() {
+    const w = v.current;
+    w && (S.current = w.values, F.current = w.formulaConfig, N.current = w.conditionConfig), e(x), b(!1), i == null || i(x, w);
+  }
+  function B() {
+    const w = v.current;
+    w && (S.current = w.values, F.current = w.formulaConfig, N.current = w.conditionConfig), g(r), b(!1);
+  }
+  function M() {
+    if (h.type !== "edit" || !O) return;
+    const w = [...x];
+    w[h.index] = O, g(w), u({ type: "list" }), D(null);
+  }
+  function W() {
+    u({ type: "list" }), D(null);
+  }
+  const $ = JSON.stringify(x) !== JSON.stringify(r);
+  return h.type === "edit" && x[h.index], /* @__PURE__ */ f(Te, { children: [
+    /* @__PURE__ */ f(d, { children: [
+      /* @__PURE__ */ l(A, { sx: { fontSize: 12, fontWeight: 700, color: "#64748b", textTransform: "uppercase", letterSpacing: 0.5, mb: 0.75 }, children: o }),
+      /* @__PURE__ */ l(gn, { fields: r, onOpen: q })
+    ] }),
+    /* @__PURE__ */ f(
+      Kt,
+      {
+        anchor: "right",
+        open: m,
+        onClose: B,
+        PaperProps: { sx: { width: p, display: "flex", flexDirection: "column", boxShadow: "-4px 0 24px rgba(0,0,0,0.12)", overflow: "hidden" } },
+        children: [
+          /* @__PURE__ */ f(d, { sx: { display: "flex", alignItems: "center", px: 2, py: 1.5, borderBottom: "1px solid #e2e8f0", flexShrink: 0, gap: 1 }, children: [
+            h.type === "edit" && /* @__PURE__ */ l(te, { title: "Back to fields", placement: "bottom", children: /* @__PURE__ */ l(Fe, { size: "small", onClick: W, sx: { color: "#64748b" }, children: /* @__PURE__ */ l(dt, { size: 17 }) }) }),
+            /* @__PURE__ */ f(d, { sx: { flex: 1 }, children: [
+              /* @__PURE__ */ l(A, { sx: { fontSize: 14, fontWeight: 700, color: "#0f172a" }, children: h.type === "edit" ? (O == null ? void 0 : O.label) || (O == null ? void 0 : O.id) || "Edit field" : c }),
+              /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#94a3b8" }, children: h.type === "edit" ? "Configure field properties" : `${x.length} field${x.length !== 1 ? "s" : ""} defined` })
+            ] }),
+            h.type === "list" && /* @__PURE__ */ l(te, { title: "Close", placement: "bottom", children: /* @__PURE__ */ l(Fe, { size: "small", onClick: B, sx: { color: "#94a3b8" }, children: /* @__PURE__ */ l(re, { size: 17 }) }) })
+          ] }),
+          h.type === "list" && /* @__PURE__ */ f(Te, { children: [
+            /* @__PURE__ */ l(d, { sx: { flex: 1, overflowY: "auto", p: 2.5 }, children: /* @__PURE__ */ l(
+              Ce,
+              {
+                value: x,
+                onChange: g,
+                suggestions: t,
+                onPayload: (w) => {
+                  v.current = w, S.current = w.values, F.current = w.formulaConfig, N.current = w.conditionConfig, n == null || n(w);
+                },
+                validate: s,
+                onValidityChange: a,
+                label: o,
+                initialValues: S.current,
+                initialFormulaConfig: F.current,
+                initialConditionConfig: N.current
+              }
+            ) }),
+            /* @__PURE__ */ f(d, { sx: { borderTop: "1px solid #e2e8f0", px: 2.5, py: 1.5, display: "flex", alignItems: "center", gap: 1, flexShrink: 0, bgcolor: "#f8fafc" }, children: [
+              $ ? /* @__PURE__ */ l(A, { sx: { fontSize: 11, color: "#f59e0b", fontWeight: 500, flex: 1 }, children: "Unsaved changes" }) : /* @__PURE__ */ l(d, { sx: { flex: 1 } }),
+              /* @__PURE__ */ l(d, { component: "button", onClick: B, sx: { background: "none", border: "1px solid #dee2e6", cursor: "pointer", fontSize: 13, fontWeight: 500, px: 2, py: 0.75, borderRadius: "7px", color: "#6c757d", "&:hover": { bgcolor: "#f8f9fa" } }, children: "Cancel" }),
+              /* @__PURE__ */ f(d, { component: "button", onClick: X, sx: { border: "none", cursor: "pointer", fontSize: 13, fontWeight: 600, px: 2.5, py: 0.75, borderRadius: "7px", bgcolor: "#6366f1", color: "#fff", display: "flex", alignItems: "center", gap: 0.75, "&:hover": { bgcolor: "#4f46e5" } }, children: [
+                /* @__PURE__ */ l(Ee, { size: 15 }),
+                " Done"
+              ] })
+            ] })
+          ] }),
+          h.type === "edit" && O && /* @__PURE__ */ l(
+            It,
+            {
+              field: O,
+              onChange: D,
+              onSave: M,
+              onCancel: W
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  rn as F,
+  Ce as S,
+  en as T,
+  Ye as a,
+  On as b,
+  Ge as c,
+  Kr as d,
+  Fn as u
+};