@overmap-ai/forms 1.0.32-react-flow-david-fixes.41 → 1.0.33-toast-migration.0

package/dist/forms.umd.cjs

@@ -5,11 +5,609 @@
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+  const toCamelCase = (string) => string.replace(
+    /^([A-Z])|[\s-_]+(\w)/g,
+    (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+  );
+  const toPascalCase = (string) => {
+    const camelCase = toCamelCase(string);
+    return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+  };
+  const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+    return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+  }).join(" ").trim();
+  const hasA11yProp = (props) => {
+    for (const prop in props) {
+      if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+        return true;
+      }
+    }
+  };
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  var defaultAttributes = {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  };
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const Icon = React.forwardRef(
+    ({
+      color = "currentColor",
+      size = 24,
+      strokeWidth = 2,
+      absoluteStrokeWidth,
+      className = "",
+      children,
+      iconNode,
+      ...rest
+    }, ref) => React.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    )
+  );
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const createLucideIcon = (iconName, iconNode) => {
+    const Component = React.forwardRef(
+      ({ className, ...props }, ref) => React.createElement(Icon, {
+        ref,
+        iconNode,
+        className: mergeClasses(
+          `lucide-${toKebabCase(toPascalCase(iconName))}`,
+          `lucide-${iconName}`,
+          className
+        ),
+        ...props
+      })
+    );
+    Component.displayName = toPascalCase(iconName);
+    return Component;
+  };
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$D = [
+    ["path", { d: "M3 12h18", key: "1i2n21" }],
+    ["path", { d: "M3 18h18", key: "1h113x" }],
+    ["path", { d: "M3 6h18", key: "d0wm0j" }]
+  ];
+  const AlignJustify = createLucideIcon("align-justify", __iconNode$D);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$C = [
+    ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
+    ["path", { d: "M7 20V4", key: "1yoxec" }],
+    ["path", { d: "m21 8-4-4-4 4", key: "1c9v7m" }],
+    ["path", { d: "M17 4v16", key: "7dpous" }]
+  ];
+  const ArrowDownUp = createLucideIcon("arrow-down-up", __iconNode$C);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$B = [
+    ["path", { d: "M8 3 4 7l4 4", key: "9rb6wj" }],
+    ["path", { d: "M4 7h16", key: "6tx8e3" }],
+    ["path", { d: "m16 21 4-4-4-4", key: "siv7j2" }],
+    ["path", { d: "M20 17H4", key: "h6l3hr" }]
+  ];
+  const ArrowLeftRight = createLucideIcon("arrow-left-right", __iconNode$B);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$A = [
+    ["path", { d: "M8 2v4", key: "1cmpym" }],
+    ["path", { d: "M16 2v4", key: "4m81vk" }],
+    ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+    ["path", { d: "M3 10h18", key: "8toen8" }]
+  ];
+  const Calendar = createLucideIcon("calendar", __iconNode$A);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$z = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+  const Check = createLucideIcon("check", __iconNode$z);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$y = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+  const ChevronDown = createLucideIcon("chevron-down", __iconNode$y);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$x = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+  ];
+  const CircleCheck = createLucideIcon("circle-check", __iconNode$x);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$w = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+  ];
+  const CircleDot = createLucideIcon("circle-dot", __iconNode$w);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$v = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+    ["path", { d: "M12 17h.01", key: "p32p05" }]
+  ];
+  const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$v);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$u = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+    ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+  ];
+  const CircleX = createLucideIcon("circle-x", __iconNode$u);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$t = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+  const Circle = createLucideIcon("circle", __iconNode$t);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$s = [
+    ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+    [
+      "path",
+      {
+        d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+        key: "116196"
+      }
+    ],
+    ["path", { d: "M12 11h4", key: "1jrz19" }],
+    ["path", { d: "M12 16h4", key: "n85exb" }],
+    ["path", { d: "M8 11h.01", key: "1dfujw" }],
+    ["path", { d: "M8 16h.01", key: "18s6g9" }]
+  ];
+  const ClipboardList = createLucideIcon("clipboard-list", __iconNode$s);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$r = [
+    ["path", { d: "m12 15 2 2 4-4", key: "2c609p" }],
+    ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+    ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+  ];
+  const CopyCheck = createLucideIcon("copy-check", __iconNode$r);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$q = [
+    ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+    ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+  ];
+  const Copy = createLucideIcon("copy", __iconNode$q);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$p = [
+    ["path", { d: "M12 15V3", key: "m9g1x1" }],
+    ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+    ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+  ];
+  const Download = createLucideIcon("download", __iconNode$p);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$o = [
+    ["path", { d: "M12 17h.01", key: "p32p05" }],
+    ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
+    ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
+  ];
+  const FileQuestionMark = createLucideIcon("file-question-mark", __iconNode$o);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$n = [
+    ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+    ["path", { d: "M12 9v4", key: "juzpu7" }],
+    ["path", { d: "M12 17h.01", key: "p32p05" }]
+  ];
+  const FileWarning = createLucideIcon("file-warning", __iconNode$n);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$m = [
+    ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+    ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
+  ];
+  const File$1 = createLucideIcon("file", __iconNode$m);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$l = [
+    ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+    ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+    ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+    ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+  ];
+  const GitBranch = createLucideIcon("git-branch", __iconNode$l);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$k = [
+    ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+    ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+    ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+    ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+  ];
+  const Hash = createLucideIcon("hash", __iconNode$k);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$j = [
+    ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+    ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+    ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+  ];
+  const Image = createLucideIcon("image", __iconNode$j);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$i = [
+    ["rect", { width: "18", height: "7", x: "3", y: "3", rx: "1", key: "f1a2em" }],
+    ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }],
+    ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }]
+  ];
+  const LayoutPanelTop = createLucideIcon("layout-panel-top", __iconNode$i);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$h = [
+    ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+    ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
+    ["path", { d: "M13 6h8", key: "15sg57" }],
+    ["path", { d: "M13 12h8", key: "h98zly" }],
+    ["path", { d: "M13 18h8", key: "oe0vm4" }]
+  ];
+  const ListChecks = createLucideIcon("list-checks", __iconNode$h);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$g = [
+    ["rect", { x: "3", y: "5", width: "6", height: "6", rx: "1", key: "1defrl" }],
+    ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+    ["path", { d: "M13 6h8", key: "15sg57" }],
+    ["path", { d: "M13 12h8", key: "h98zly" }],
+    ["path", { d: "M13 18h8", key: "oe0vm4" }]
+  ];
+  const ListTodo = createLucideIcon("list-todo", __iconNode$g);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$f = [
+    ["path", { d: "M3 12h.01", key: "nlz23k" }],
+    ["path", { d: "M3 18h.01", key: "1tta3j" }],
+    ["path", { d: "M3 6h.01", key: "1rqtza" }],
+    ["path", { d: "M8 12h13", key: "1za7za" }],
+    ["path", { d: "M8 18h13", key: "1lx6n3" }],
+    ["path", { d: "M8 6h13", key: "ik3vkj" }]
+  ];
+  const List = createLucideIcon("list", __iconNode$f);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$e = [
+    ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
+    ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
+    ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
+    ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
+  ];
+  const Maximize = createLucideIcon("maximize", __iconNode$e);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$d = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+  const Minus = createLucideIcon("minus", __iconNode$d);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$c = [
+    ["path", { d: "M8 18L12 22L16 18", key: "cskvfv" }],
+    ["path", { d: "M12 2V22", key: "r89rzk" }]
+  ];
+  const MoveDown = createLucideIcon("move-down", __iconNode$c);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$b = [
+    ["path", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
+    ["path", { d: "M12 2V22", key: "r89rzk" }]
+  ];
+  const MoveUp = createLucideIcon("move-up", __iconNode$b);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$a = [
+    ["path", { d: "M5 12h14", key: "1ays0h" }],
+    ["path", { d: "M12 5v14", key: "s699le" }]
+  ];
+  const Plus = createLucideIcon("plus", __iconNode$a);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$9 = [
+    ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
+    ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+    ["path", { d: "M17 12h.01", key: "1m0b6t" }],
+    ["path", { d: "M7 12h.01", key: "eqddd0" }]
+  ];
+  const RectangleEllipsis = createLucideIcon("rectangle-ellipsis", __iconNode$9);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$8 = [
+    ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+    ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+    ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+    ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
+  ];
+  const Scan = createLucideIcon("scan", __iconNode$8);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$7 = [
+    [
+      "path",
+      {
+        d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+        key: "1i5ecw"
+      }
+    ],
+    ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+  ];
+  const Settings = createLucideIcon("settings", __iconNode$7);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$6 = [
+    ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+    ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+  ];
+  const SquareCheck = createLucideIcon("square-check", __iconNode$6);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$5 = [
+    ["path", { d: "M5 3a2 2 0 0 0-2 2", key: "y57alp" }],
+    ["path", { d: "M19 3a2 2 0 0 1 2 2", key: "18rm91" }],
+    ["path", { d: "M21 19a2 2 0 0 1-2 2", key: "1j7049" }],
+    ["path", { d: "M5 21a2 2 0 0 1-2-2", key: "sbafld" }],
+    ["path", { d: "M9 3h1", key: "1yesri" }],
+    ["path", { d: "M9 21h1", key: "15o7lz" }],
+    ["path", { d: "M14 3h1", key: "1ec4yj" }],
+    ["path", { d: "M14 21h1", key: "v9vybs" }],
+    ["path", { d: "M3 9v1", key: "1r0deq" }],
+    ["path", { d: "M21 9v1", key: "mxsmne" }],
+    ["path", { d: "M3 14v1", key: "vnatye" }],
+    ["path", { d: "M21 14v1", key: "169vum" }]
+  ];
+  const SquareDashed = createLucideIcon("square-dashed", __iconNode$5);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$4 = [
+    [
+      "path",
+      {
+        d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+        key: "r04s7s"
+      }
+    ]
+  ];
+  const Star = createLucideIcon("star", __iconNode$4);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$3 = [
+    ["path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6", key: "1528k5" }],
+    ["path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7", key: "13ksps" }],
+    ["path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1", key: "1n9rhb" }],
+    ["path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1", key: "1mj8rg" }],
+    ["path", { d: "M9 6v12", key: "velyjx" }]
+  ];
+  const TextCursorInput = createLucideIcon("text-cursor-input", __iconNode$3);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$2 = [
+    ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+    ["path", { d: "M3 6h18", key: "d0wm0j" }],
+    ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+  ];
+  const Trash = createLucideIcon("trash", __iconNode$2);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode$1 = [
+    ["path", { d: "M12 3v12", key: "1x0j5s" }],
+    ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
+    ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
+  ];
+  const Upload = createLucideIcon("upload", __iconNode$1);
+  /**
+   * @license lucide-react v0.542.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+  const __iconNode = [
+    ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+    ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+  ];
+  const X = createLucideIcon("x", __iconNode);
   const FileCard = React.memo(
     React.forwardRef((props, ref) => {
       const { file, className, error, rightSlot, ...rest } = props;
       return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Card, { className: classVarianceAuthority.cx(className, "flex w-full items-center gap-2 text-sm"), ref, ...rest, children: [
-        error ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file-question-mark" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file", color: "var(--base-a11)" }),
+        error ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: FileQuestionMark }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: File$1, color: "var(--base-a11)" }),
         !error ? file ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: "truncate", children: file.name }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { accentColor: "danger", className: "truncate", children: error }),
         rightSlot
       ] });
@@ -67,12 +665,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   class BaseField extends BaseFormElement {
     constructor(options) {
-      const { label, description = null, required, image, fieldValidators = [], ...base } = options;
+      const { label, description = null, required, image, ...base } = options;
       super(base);
       __publicField(this, "label");
       __publicField(this, "description");
       __publicField(this, "required");
-      __publicField(this, "fieldValidators");
       __publicField(this, "image");
       /**
        * By default, validation doesn't execute on `onChange` events when editing fields
@@ -85,7 +682,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.description = description;
       this.required = required;
       this.image = image;
-      this.fieldValidators = fieldValidators;
     }
     getError(value) {
       if (this.required && this.isValueBlank(value)) {
@@ -111,24 +707,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         label: this.label,
         description: this.description,
         required: this.required,
-        image: this.image,
-        fieldValidators: this.fieldValidators
+        image: this.image
       };
     }
     setOptions(options) {
-      const { label, description = null, required, image, fieldValidators, ...base } = options;
+      const { label, description = null, required, image, ...base } = options;
       this.label = label ?? this.label;
       this.description = description ?? this.description;
       this.required = required ?? this.required;
       this.image = image ?? this.image;
-      this.fieldValidators = fieldValidators ?? this.fieldValidators;
       super.setOptions(base);
     }
     isValueBlank(value) {
       return this.areValuesEqual(value, this.blankValue());
     }
     getFieldValidators() {
-      return [...this.fieldValidators];
+      return [];
     }
   }
   __publicField(BaseField, "fieldTypeName");
@@ -172,15 +766,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           variant: "ghost",
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "copy" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Copy }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Copy" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "download" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Download }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Download" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { orientation: "vertical", size: "sm" }),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }) }) })
           ]
         }
       ),
@@ -219,7 +813,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   });
   ImageViewerProvider.displayName = "FileViewerProvider";
-  const InputWithLabel = (props) => {
+  const InputWithLabel = React.memo((props) => {
     const { className, label, children, severity, inputId, labelId, image } = props;
     const [resolvedImage, setResolvedImage] = React.useState(void 0);
     const openImageViewer = useImageViewer();
@@ -251,7 +845,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       !!label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: classVarianceAuthority.cx(className, "w-max max-w-full"), htmlFor: inputId, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { accentColor: color, size: "sm", id: labelId, className: "text-wrap", children: label }) }),
       children
     ] });
-  };
+  });
   const InputWithLabelAndHelpText = (props) => {
     const { children, ...restProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { ...restProps, children });
@@ -278,14 +872,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const label = field.required ? `${field.label} *` : field.label;
     const fieldPropsWithValidation = React.useMemo(() => {
       const handleChange = (value) => {
-        helpers.setValue(value, false).then();
+        void helpers.setValue(value, false);
         onValuesChange == null ? void 0 : onValuesChange(field.identifier, value);
         if (touched || !field.onlyValidateAfterTouched) {
           helpers.setError(field.getError(value));
         }
       };
       const handleBlur = (value) => {
-        void helpers.setTouched(true, false).then();
+        void helpers.setTouched(true, false);
         helpers.setError(field.getError(value));
       };
       return {
@@ -418,7 +1012,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 "aria-label": "Add option",
                 disabled: !!internalError || disabled,
                 onClick: addOption,
-                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus })
               }
             )
           ] })
@@ -465,7 +1059,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                           onClick: () => {
                             handleDeleteOption(index);
                           },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X })
                         }
                       )
                     ]
@@ -653,7 +1247,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             accentColor: "primary",
             variant: "surface",
             disabled,
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           }
         )
       }
@@ -682,7 +1276,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     static deserialize(data) {
-      if (data.type !== "boolean") throw new Error("Type mismatch.");
       return new _BooleanField(data);
     }
     serializeValue(value) {
@@ -795,8 +1388,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             description: "Minimum value",
             integers: true,
             required: false,
-            identifier: `${path}minimum`,
-            fieldValidators: []
+            identifier: `${path}minimum`
           }),
           showDirectly: false
         },
@@ -806,8 +1398,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             description: "Maximum value",
             integers: true,
             required: false,
-            identifier: `${path}maximum`,
-            fieldValidators: []
+            identifier: `${path}maximum`
           }),
           showDirectly: false
         },
@@ -932,7 +1523,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             identifier: `${path}minimum_length`,
             minimum: 0,
             maximum: 100,
-            fieldValidators: [],
             integers: true
           }),
           showDirectly: false
@@ -946,7 +1536,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             minimum: 1,
             maximum: LONG_TEXT_FIELD_MAX_LENGTH,
             // TODO: depends on short vs long text
-            fieldValidators: [],
             // TODO: default: 500 (see: "Short text fields can hold up to 500 characters on a single line.")
             integers: true
           }),
@@ -1049,7 +1638,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             onValuesChange: handleChange,
             disabled,
             children: field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
             ] }, `${inputId}-${option.value}-${index}`))
           }
@@ -1151,7 +1740,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   month: "2-digit",
                   day: "2-digit"
                 }) : "yyyy-mm-dd",
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: ChevronDown })
               ]
             }
           ) }),
@@ -1262,13 +1851,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               disabled,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value && value.length > 0 ? value.join(", ") : field.placeholder ?? "Select one or more..." }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: ChevronDown })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.MultiSelectGroup, { values: value, onValuesChange: handleChange, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.SelectAllItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Minus }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) }),
               "Select all"
             ] }),
             field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1276,7 +1865,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               {
                 value: option.value,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) }),
                   option.label
                 ]
               },
@@ -1382,12 +1971,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               disabled,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: currentOption ? currentOption.label : field.placeholder ?? "Select one..." }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: ChevronDown })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectGroup, { required: false, value: value ?? void 0, onValueChange: handleChange, children: field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.SelectItem, { value: option.value, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) }),
             option.label
           ] }, `${inputId}-${option.value}-${index}`)) }) }) })
         ] })
@@ -1473,17 +2062,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       },
       [field, helpers, touched]
     );
-    const handleBlur = React.useCallback(
-      (e) => {
-        const { relatedTarget } = e;
-        if (relatedTarget instanceof Element && inputUuids.includes(relatedTarget.id)) {
-          return;
-        }
-        onChange(internalValue);
-        onBlur(internalValue);
-      },
-      [inputUuids, internalValue, onBlur, onChange]
-    );
+    const handleBlur = React.useCallback(() => {
+      onChange(internalValue);
+      onBlur(internalValue);
+    }, [internalValue, onBlur, onChange]);
     return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
       InputWithLabel,
       {
@@ -1513,8 +2095,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             accentColor: "base",
             variant: "surface",
             size: "sm",
+            onBlur: handleBlur,
             children: [
-              inputUuids.map((inputUuid) => /* @__PURE__ */ jsxRuntime.jsx(blocks.OneTimePasswordField.Input, { id: inputUuid, onBlur: handleBlur }, inputUuid)),
+              inputUuids.map((inputUuid) => /* @__PURE__ */ jsxRuntime.jsx(blocks.OneTimePasswordField.Input, { id: inputUuid }, inputUuid)),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.OneTimePasswordField.HiddenInput, {})
             ]
           }
@@ -1544,8 +2127,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             required: false,
             minimum: 1,
             maximum: 16,
-            identifier: `${path}length`,
-            fieldValidators: []
+            identifier: `${path}length`
           }),
           showDirectly: false
         },
@@ -1581,7 +2163,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const validators = super.getFieldValidators();
       const length = this.length;
       validators.push((value) => {
-        if (!this.isValueBlank(value) && (value.length < length || value.length > length)) {
+        if (!this.isValueBlank(value) && value.length != length) {
           return `Must be ${length} characters.`;
         }
       });
@@ -1641,6 +2223,565 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_OTPField, "fieldTypeName", "OTP");
   __publicField(_OTPField, "fieldTypeDescription", "Allows specifying a number within a given range.");
   let OTPField = _OTPField;
+  const passFailFieldStatusMapping = {
+    pass: {
+      label: "Pass",
+      icon: CircleCheck
+    },
+    fail: {
+      label: "Fail",
+      icon: CircleX
+    },
+    na: {
+      label: "N/A",
+      icon: CircleQuestionMark
+    }
+  };
+  const passFailFieldStatuses = Object.keys(passFailFieldStatusMapping);
+  class UUIDFile extends File {
+    constructor(uuid2, ...args) {
+      super(...args);
+      __publicField(this, "uuid");
+      this.uuid = uuid2;
+    }
+    static from(uuid2, file) {
+      return new UUIDFile(uuid2, [file], file.name, {
+        lastModified: file.lastModified,
+        type: file.type
+      });
+    }
+  }
+  class UUIDPromise extends Promise {
+    constructor(executor, uuid2) {
+      super(executor);
+      __publicField(this, "_uuid");
+      this._uuid = uuid2;
+    }
+    get uuid() {
+      return this._uuid;
+    }
+    set uuid(uuid2) {
+      this._uuid = uuid2;
+    }
+    static from(promise, uuid2) {
+      return new UUIDPromise((resolve, reject) => {
+        Promise.resolve(promise).then(resolve).catch(reject);
+      }, uuid2);
+    }
+    // oxlint-disable-next-line no-thenable
+    then(onFulfilled, onRejected) {
+      const promise = super.then(onFulfilled, onRejected);
+      promise.uuid = this.uuid;
+      return promise;
+    }
+    catch(onRejected) {
+      const promise = super.catch(onRejected);
+      promise.uuid = this.uuid;
+      return promise;
+    }
+    finally(onFinally) {
+      const promise = super.finally(onFinally);
+      promise.uuid = this.uuid;
+      return promise;
+    }
+  }
+  function isFileAndPromiseArray(value) {
+    if (!Array.isArray(value)) return false;
+    return value.every((item) => item instanceof UUIDPromise || item instanceof UUIDFile);
+  }
+  function areFileAndPromiseArraysEqual(value1, value2) {
+    if (!value1.every((promise1) => value2.some((promise2) => promise1.uuid === promise2.uuid))) return false;
+    if (!value2.every((promise2) => value1.some((promise1) => promise1.uuid === promise2.uuid))) return false;
+    return true;
+  }
+  const ImageCard = React.memo(
+    React.forwardRef((props, forwardedRef) => {
+      const { file, alt, error, rightSlot, className, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        blocks.Card,
+        {
+          className: classVarianceAuthority.cx(className, "relative flex h-[200px] w-full flex-col gap-2 overflow-hidden items-center"),
+          ref: forwardedRef,
+          ...rest,
+          children: [
+            !file && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 grow flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) }),
+            !!file && !error && /* @__PURE__ */ jsxRuntime.jsx(blocks.Card, { className: "flex max-w-full grow items-center !p-0 justify-center overflow-hidden bg-clip-padding", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                className: "max-w-full object-cover",
+                src: URL.createObjectURL(file),
+                alt: alt ?? file.name
+              }
+            ) }),
+            (!!file || !!error) && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: classVarianceAuthority.cx("flex w-full items-center gap-2 self-end", {
+                  "bg-transparent": !file
+                }),
+                children: [
+                  error ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: FileWarning }) : file && /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: File$1 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: "truncate", size: "sm", children: error ?? (file == null ? void 0 : file.name) }),
+                  rightSlot
+                ]
+              }
+            )
+          ]
+        }
+      );
+    })
+  );
+  const convertBytesToLargestUnit = (bytes) => {
+    const units = ["byte", "kilobyte", "megabyte"];
+    let sizeInUnit = bytes;
+    let unitIndex = 0;
+    while (sizeInUnit > 1e3 && unitIndex < units.length - 1) {
+      sizeInUnit /= 1e3;
+      unitIndex++;
+    }
+    const formatter = new Intl.NumberFormat([], {
+      // 0 for bytes and kilobytes, 1 for megabytes
+      maximumFractionDigits: Math.max(0, unitIndex - 1),
+      style: "unit",
+      unit: units[unitIndex]
+    });
+    return formatter.format(sizeInUnit);
+  };
+  const DisplayFile = React.memo((props) => {
+    const { file, onRemove, disabled } = props;
+    const [resolvedFile, setResolvedFile] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const openImageViewer = useImageViewer();
+    const { url, name } = React.useMemo(() => {
+      let url2 = null;
+      let name2;
+      let size;
+      if (resolvedFile == null ? void 0 : resolvedFile.type.startsWith("image/")) {
+        url2 = URL.createObjectURL(resolvedFile);
+      }
+      if (resolvedFile) {
+        name2 = resolvedFile.name;
+        size = convertBytesToLargestUnit(resolvedFile.size);
+      } else {
+        name2 = "Downloading...";
+        size = "...";
+      }
+      return { url: url2, name: name2, size };
+    }, [resolvedFile]);
+    React.useEffect(() => {
+      if (file instanceof UUIDPromise) {
+        file.then((file2) => {
+          setResolvedFile(file2);
+        }).catch((err) => {
+          setError(err instanceof Error ? err.message : "Unknown error");
+        });
+      } else {
+        setResolvedFile(file);
+      }
+    }, [file]);
+    const handleDownload = React.useCallback(
+      (event) => {
+        event.stopPropagation();
+        if (!resolvedFile) {
+          throw new Error("Cannot download a file that is not resolved.");
+        }
+        const blob = new Blob([resolvedFile]);
+        fileSaver.saveAs(blob, name);
+      },
+      [name, resolvedFile]
+    );
+    const handleDelete = React.useCallback(
+      (e) => {
+        e.stopPropagation();
+        onRemove();
+      },
+      [onRemove]
+    );
+    const handleImageCardClick = React.useCallback(() => {
+      if (!resolvedFile) return;
+      openImageViewer((closeFileViewer) => ({
+        file: resolvedFile,
+        onDelete: !disabled ? () => {
+          onRemove();
+          closeFileViewer();
+        } : void 0
+      }));
+    }, [disabled, onRemove, openImageViewer, resolvedFile]);
+    const rightSlotContent = React.useMemo(
+      () => /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          blocks.IconButton,
+          {
+            "aria-label": `Download ${name}`,
+            type: "button",
+            onClick: handleDownload,
+            disabled: !resolvedFile,
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Download })
+          }
+        ),
+        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash }) })
+      ] }),
+      [disabled, handleDelete, handleDownload, name, resolvedFile]
+    );
+    return url ? /* @__PURE__ */ jsxRuntime.jsx(
+      ImageCard,
+      {
+        className: "cursor-pointer",
+        onClick: handleImageCardClick,
+        file: resolvedFile,
+        error: error ?? void 0,
+        rightSlot: rightSlotContent
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(FileCard, { file: resolvedFile, error: error ?? void 0, rightSlot: rightSlotContent });
+  });
+  DisplayFile.displayName = "DisplayFile";
+  const PassFailInput = React.memo((props) => {
+    const [
+      { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
+      { disabled }
+    ] = useFormikInput(props);
+    const { value, onChange, onBlur, name } = fieldProps;
+    const [internalNotes, setInternalNotes] = React.useState("");
+    const input = React.useRef(null);
+    const computedHelpText = showInputOnly ? null : helpText;
+    const computedLabel = showInputOnly ? "" : label;
+    const showNotesAndFiles = value.status && field.showNotesAndFilesOn.includes(value.status);
+    const handleStatusChange = React.useCallback(
+      (status) => {
+        const newValue = field.cleanValue({
+          ...value,
+          status
+        });
+        onChange(newValue);
+        onBlur(newValue);
+      },
+      [field, onBlur, onChange, value]
+    );
+    React.useEffect(() => {
+      setInternalNotes(value.notes);
+    }, [value]);
+    const handleNotesChange = React.useCallback(
+      (e) => {
+        const notes = e.target.value;
+        setInternalNotes(notes);
+        if (touched || !field.onlyValidateAfterTouched) {
+          helpers.setError(
+            field.getError({
+              ...value,
+              notes: internalNotes
+            })
+          );
+        }
+      },
+      [field, helpers, internalNotes, touched, value]
+    );
+    const handleNotesBlur = React.useCallback(() => {
+      const newValue = {
+        ...value,
+        notes: internalNotes
+      };
+      onChange(newValue);
+      onBlur(newValue);
+    }, [internalNotes, onBlur, onChange, value]);
+    const handleRemoveFile = React.useCallback(
+      (index) => {
+        const files = [...value.files];
+        void files.splice(index, 1);
+        onChange({
+          ...value,
+          files
+        });
+      },
+      [onChange, value]
+    );
+    const handleFileButtonClick = React.useCallback(() => {
+      var _a2;
+      (_a2 = input.current) == null ? void 0 : _a2.click();
+    }, []);
+    const handleFilesChange = React.useCallback(
+      (e) => {
+        const files = Array.from(e.target.files ?? []).map((file) => UUIDFile.from(uuid.v4(), file));
+        const newValue = {
+          ...value,
+          files: [...value.files, ...files]
+        };
+        onChange(newValue);
+        onBlur(newValue);
+      },
+      [onBlur, onChange, value]
+    );
+    React.useEffect(() => {
+      if (!input.current) return;
+      const abortController = new AbortController();
+      input.current.addEventListener(
+        "cancel",
+        () => {
+          onBlur(value);
+        },
+        {
+          signal: abortController.signal
+        }
+      );
+      return () => {
+        abortController.abort();
+      };
+    }, [onBlur, value]);
+    const statusInputId = `${inputId}-status`;
+    const notesInputId = `${inputId}-notes`;
+    const filesInputId = `${inputId}-files`;
+    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
+      InputWithLabel,
+      {
+        size,
+        severity,
+        inputId,
+        labelId,
+        label: computedLabel,
+        image: showInputOnly ? void 0 : field.image,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.RadioGroup.Root,
+            {
+              id: statusInputId,
+              className: "flex gap-2",
+              name,
+              value: value.status,
+              disabled,
+              accentColor: "base",
+              variant: "surface",
+              size: "sm",
+              onValueChange: handleStatusChange,
+              children: passFailFieldStatuses.map((status) => {
+                const { label: label2 } = passFailFieldStatusMapping[status];
+                return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Item, { value: status, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Circle, className: "fill-current" }) }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: label2 })
+                ] }, `${inputId}-${status}`);
+              })
+            }
+          ),
+          showNotesAndFiles && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              blocks.TextArea,
+              {
+                id: notesInputId,
+                value: internalNotes,
+                name,
+                onChange: handleNotesChange,
+                onBlur: handleNotesBlur,
+                className: "field-sizing-content w-full min-h-12",
+                placeholder: "Notes",
+                resize: "vertical",
+                accentColor: "base",
+                variant: "surface",
+                size: "sm",
+                disabled
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                blocks.Button,
+                {
+                  className: "w-max",
+                  size: "sm",
+                  variant: "soft",
+                  accentColor: "base",
+                  onClick: handleFileButtonClick,
+                  type: "button",
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Upload }),
+                    "Select files"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: filesInputId,
+                  name,
+                  type: "file",
+                  ref: input,
+                  multiple: true,
+                  className: "hidden",
+                  onChange: handleFilesChange,
+                  value: ""
+                }
+              ),
+              value.files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-max flex-col gap-2", children: value.files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                DisplayFile,
+                {
+                  file,
+                  onRemove: () => {
+                    handleRemoveFile(index);
+                  },
+                  disabled
+                },
+                index
+              )) })
+            ] })
+          ] })
+        ] })
+      }
+    ) });
+  });
+  PassFailInput.displayName = "PassFailInput";
+  const isPassFailFieldStatus = (value) => {
+    return typeof value === "string" && passFailFieldStatuses.includes(value);
+  };
+  const isSerializedPassFailFieldValue = (value) => {
+    if (value === null || typeof value !== "object") return false;
+    if (!("status" in value) || !isPassFailFieldStatus(value.status)) return false;
+    if (!("notes" in value) || !(typeof value.notes === "string")) return false;
+    if (!("files" in value) || !(Array.isArray(value.files) && value.files.length === 0)) return false;
+    return true;
+  };
+  const isPassFailFieldValue = (value) => {
+    if (value === null || typeof value !== "object") return false;
+    if (!("status" in value) || !isPassFailFieldStatus(value.status)) return false;
+    if (!("notes" in value) || !(typeof value.notes === "string")) return false;
+    if (!("files" in value) || !isFileAndPromiseArray(value.files)) return false;
+    return true;
+  };
+  const serializePassFailFieldValue = (value) => {
+    return {
+      status: value.status,
+      notes: value.notes,
+      files: []
+    };
+  };
+  const deserializePassFailFieldValue = (value) => {
+    return {
+      status: value.status,
+      notes: value.notes,
+      files: []
+    };
+  };
+  const arePassFieldValuesEqual = (value1, value2) => {
+    if (value1.status !== value2.status) return false;
+    if (value1.notes !== value2.notes) return false;
+    if (!areFileAndPromiseArraysEqual(value1.files, value2.files)) return false;
+    return true;
+  };
+  const _PassFailField = class _PassFailField extends BaseField {
+    constructor(options) {
+      const { showNotesAndFilesOn, ...rest } = options;
+      super(rest);
+      __publicField(this, "type", "pass-fail");
+      __publicField(this, "onlyValidateAfterTouched", false);
+      __publicField(this, "showNotesAndFilesOn");
+      this.showNotesAndFilesOn = showNotesAndFilesOn;
+    }
+    static getFieldCreationSchema(parentPath = "") {
+      const path = parentPath && `${parentPath}.`;
+      return [
+        {
+          field: new MultiSelectField({
+            identifier: `${path}showNotesAndFilesOn`,
+            label: "Show notes and files on",
+            description: "Show the notes and files on desired statuses.",
+            options: passFailFieldStatuses.map((status) => {
+              const { label } = passFailFieldStatusMapping[status];
+              return {
+                value: status,
+                label
+              };
+            }),
+            required: false
+          }),
+          showDirectly: false
+        }
+      ];
+    }
+    serialize() {
+      return {
+        ...super.serialize(),
+        showNotesAndFilesOn: this.showNotesAndFilesOn
+      };
+    }
+    getOptions() {
+      return {
+        ...super.getOptions(),
+        showNotesAndFilesOn: this.showNotesAndFilesOn
+      };
+    }
+    duplicate(identifier) {
+      return new _PassFailField({
+        ...this.getOptions(),
+        identifier
+      });
+    }
+    setOptions(options) {
+      const { showNotesAndFilesOn, ...rest } = options;
+      this.showNotesAndFilesOn = showNotesAndFilesOn ?? this.showNotesAndFilesOn;
+      super.setOptions(rest);
+    }
+    getFieldValidators() {
+      const validators = super.getFieldValidators();
+      const showNotesAndFileOn = this.showNotesAndFilesOn;
+      const blankValue = this.blankValue();
+      if (showNotesAndFileOn.length > 0) {
+        validators.push((value) => {
+          if (!value.status || !showNotesAndFileOn.includes(value.status)) return;
+          if (blankValue.notes === value.notes) {
+            return "Notes is required.";
+          }
+        });
+        validators.push((value) => {
+          if (!value.status || !showNotesAndFileOn.includes(value.status)) return;
+          if (areFileAndPromiseArraysEqual(blankValue.files, value.files)) {
+            return "Files is required.";
+          }
+        });
+      }
+      return validators;
+    }
+    static deserialize(data) {
+      return new _PassFailField({
+        ...data,
+        showNotesAndFilesOn: data.showNotesAndFilesOn ?? false
+      });
+    }
+    serializeValue(value) {
+      return serializePassFailFieldValue(value);
+    }
+    deserializeValue(value) {
+      return deserializePassFailFieldValue(value);
+    }
+    render(props) {
+      return /* @__PURE__ */ jsxRuntime.jsx(PassFailInput, { field: this, ...props });
+    }
+    isSerializedValueValid(value) {
+      return isSerializedPassFailFieldValue(value);
+    }
+    isValueValid(value) {
+      return isPassFailFieldValue(value);
+    }
+    areValuesEqual(value1, value2) {
+      return arePassFieldValuesEqual(value1, value2);
+    }
+    blankValue() {
+      return {
+        status: null,
+        notes: "",
+        files: []
+      };
+    }
+    cleanValue(value) {
+      if (value.status && this.showNotesAndFilesOn.includes(value.status)) {
+        return value;
+      } else {
+        return {
+          status: value.status,
+          notes: "",
+          files: []
+        };
+      }
+    }
+  };
+  __publicField(_PassFailField, "fieldTypeName", "Pass - Fail");
+  __publicField(_PassFailField, "fieldTypeDescription", "Track pass, fail, or N/A outcome.");
+  let PassFailField = _PassFailField;
   const RadioInput = React.memo((props) => {
     const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { name, onChange, onBlur, value } = fieldProps;
@@ -1666,68 +2807,207 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         labelId,
         label: computedLabel,
         image: showInputOnly ? void 0 : field.image,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          blocks.RadioGroup.Root,
-          {
-            id: inputId,
-            name,
-            className: "flex flex-col gap-1",
-            accentColor: "base",
-            variant: "surface",
-            size: "sm",
-            value: value ?? "",
-            onValueChange: handleChange,
-            disabled,
-            children: [
-              field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "circle", className: "fill-current" }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
-              ] }, `${inputId}-${option.value}-${index}`)),
-              !!value && /* @__PURE__ */ jsxRuntime.jsxs(
-                blocks.Button,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          blocks.RadioGroup.Root,
+          {
+            id: inputId,
+            name,
+            className: "flex flex-col gap-1",
+            accentColor: "base",
+            variant: "surface",
+            size: "sm",
+            value: value ?? "",
+            onValueChange: handleChange,
+            disabled,
+            children: [
+              field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Circle, className: "fill-current" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
+              ] }, `${inputId}-${option.value}-${index}`)),
+              !!value && /* @__PURE__ */ jsxRuntime.jsxs(
+                blocks.Button,
+                {
+                  onClick: handleClear,
+                  className: "w-max -mx-2",
+                  type: "button",
+                  variant: "ghost",
+                  accentColor: "base",
+                  size: "sm",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }),
+                    "Clear"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  });
+  RadioInput.displayName = "SelectInput";
+  const _RadioField = class _RadioField extends BaseOptionsField {
+    constructor(options) {
+      super(options);
+      __publicField(this, "type", "radio");
+      __publicField(this, "onlyValidateAfterTouched", false);
+    }
+    serialize() {
+      return super.serialize();
+    }
+    getOptions() {
+      return super.getOptions();
+    }
+    duplicate(identifier) {
+      return new _RadioField({
+        ...this.getOptions(),
+        identifier
+      });
+    }
+    setOptions(options) {
+      super.setOptions(options);
+    }
+    static deserialize(data) {
+      return new _RadioField(data);
+    }
+    serializeValue(value) {
+      return value;
+    }
+    deserializeValue(value) {
+      return value;
+    }
+    render(props) {
+      return /* @__PURE__ */ jsxRuntime.jsx(RadioInput, { field: this, ...props });
+    }
+    isSerializedValueValid(value) {
+      return typeof value === "string" || value === "null";
+    }
+    isValueValid(value) {
+      return typeof value === "string" || value === "null";
+    }
+    blankValue() {
+      return null;
+    }
+    areValuesEqual(value1, value2) {
+      return value1 === value2;
+    }
+  };
+  __publicField(_RadioField, "fieldTypeName", "Option list");
+  __publicField(_RadioField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
+  let RadioField = _RadioField;
+  const RatingInput = React.memo((props) => {
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
+    const { name, onChange, onBlur, value } = fieldProps;
+    const computedHelpText = showInputOnly ? null : helpText;
+    const computedLabel = showInputOnly ? "" : label;
+    const handleChange = React.useCallback(
+      (value2) => {
+        onChange(value2);
+        onBlur(value2);
+      },
+      [onBlur, onChange]
+    );
+    const handleClear = React.useCallback(() => {
+      onChange(null);
+      onBlur(null);
+    }, [onBlur, onChange]);
+    const ratingOptions = Array.from({ length: field.maxRating }, (_, i) => i + 1);
+    return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
+      InputWithLabel,
+      {
+        size,
+        severity,
+        inputId,
+        labelId,
+        label: computedLabel,
+        image: showInputOnly ? void 0 : field.image,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-1 items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            blocks.Rating.Root,
+            {
+              id: inputId,
+              name,
+              className: "flex items-center gap-0.5",
+              value,
+              onValueChange: handleChange,
+              disabled,
+              children: ratingOptions.map((rating) => /* @__PURE__ */ jsxRuntime.jsx(
+                blocks.Rating.Item,
                 {
-                  onClick: handleClear,
-                  className: "w-max -mx-2",
-                  type: "button",
-                  variant: "ghost",
-                  accentColor: "base",
-                  size: "sm",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }),
-                    "Clear"
-                  ]
-                }
-              )
-            ]
-          }
-        )
+                  value: rating,
+                  className: "group size-7 flex cursor-pointer disabled:opacity-50 disabled:pointer-events-none items-center justify-center text-yellow-500 transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Star, className: "group-data-[active=true]:fill-current size-full" })
+                },
+                `${inputId}-${rating}`
+              ))
+            }
+          ),
+          !disabled && value !== null && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleClear, type: "button", variant: "ghost", accentColor: "base", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }) })
+        ] })
       }
     ) });
   });
-  RadioInput.displayName = "SelectInput";
-  const _RadioField = class _RadioField extends BaseOptionsField {
+  RatingInput.displayName = "RatingInput";
+  const _RatingField = class _RatingField extends BaseField {
     constructor(options) {
-      super(options);
-      __publicField(this, "type", "radio");
-      __publicField(this, "onlyValidateAfterTouched", false);
+      const { maxRating, ...rest } = options;
+      super(rest);
+      __publicField(this, "type", "rating");
+      __publicField(this, "maxRating");
+      this.maxRating = maxRating;
+    }
+    static getFieldCreationSchema(parentPath = "") {
+      const path = parentPath && `${parentPath}.`;
+      return [
+        {
+          field: new NumberField({
+            label: "Max Rating",
+            description: "Maximum rating value",
+            integers: true,
+            required: false,
+            minimum: 1,
+            maximum: 10,
+            identifier: `${path}maxRating`
+          }),
+          showDirectly: false
+        }
+      ];
+    }
+    getFieldValidators() {
+      const validators = super.getFieldValidators();
+      const max = this.maxRating;
+      validators.push((value) => {
+        if (typeof value === "number" && (value < 1 || value > max)) {
+          return `Rating must be between 1 and ${max}.`;
+        }
+      });
+      return validators;
     }
     serialize() {
-      return super.serialize();
+      return {
+        ...super.serialize(),
+        maxRating: this.maxRating
+      };
     }
     getOptions() {
-      return super.getOptions();
+      return {
+        ...super.getOptions(),
+        maxRating: this.maxRating
+      };
     }
     duplicate(identifier) {
-      return new _RadioField({
+      return new _RatingField({
         ...this.getOptions(),
         identifier
       });
     }
     setOptions(options) {
-      super.setOptions(options);
+      const { maxRating, ...rest } = options;
+      this.maxRating = maxRating ?? this.maxRating;
+      super.setOptions(rest);
     }
     static deserialize(data) {
-      return new _RadioField(data);
+      return new _RatingField(data);
     }
     serializeValue(value) {
       return value;
@@ -1736,24 +3016,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return value;
     }
     render(props) {
-      return /* @__PURE__ */ jsxRuntime.jsx(RadioInput, { field: this, ...props });
+      return /* @__PURE__ */ jsxRuntime.jsx(RatingInput, { field: this, ...props });
     }
     isSerializedValueValid(value) {
-      return typeof value === "string" || value === "null";
+      return typeof value === "number" || value === null;
     }
     isValueValid(value) {
-      return typeof value === "string" || value === "null";
-    }
-    blankValue() {
-      return null;
+      return typeof value === "number" || value === null;
     }
     areValuesEqual(value1, value2) {
       return value1 === value2;
     }
+    blankValue() {
+      return null;
+    }
   };
-  __publicField(_RadioField, "fieldTypeName", "Option list");
-  __publicField(_RadioField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
-  let RadioField = _RadioField;
+  __publicField(_RatingField, "fieldTypeName", "Rating");
+  __publicField(_RatingField, "fieldTypeDescription", "Allows users to select a rating value.");
+  let RatingField = _RatingField;
   const ScannerContext = React.createContext(() => {
     throw new Error("No ScannerProvider found");
   });
@@ -24080,7 +25360,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return PDF417CodewordDecoder2;
     }()
   );
-  const global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
   var PDF417ResultMetadata = (
     /** @class */
     function() {
@@ -24375,8 +25654,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (typeof window !== "undefined") {
       return window["BigInt"] || null;
     }
-    if (typeof global$1 !== "undefined") {
-      return global$1["BigInt"] || null;
+    if (typeof global !== "undefined") {
+      return global["BigInt"] || null;
     }
     if (typeof self !== "undefined") {
       return self["BigInt"] || null;
@@ -29870,7 +31149,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ]
   ]);
   const Scanner = React.memo((props) => {
-    const { children, open, onOpenChange, defaultOpen, modal, ...rest } = props;
+    const {
+      children,
+      open,
+      onOpenChange,
+      // oxlint-disable-line unbound-method
+      defaultOpen,
+      modal,
+      ...rest
+    } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Root, { open, onOpenChange, defaultOpen, modal, children: [
       !!children && /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Trigger, { asChild: true, children }),
       /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Content, { children: [
@@ -29892,7 +31179,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       hints: SCANNER_HINTS
     });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-col justify-center overflow-hidden  bg-(--color-background)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-end p-4", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-end p-4", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }) }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grow w-full max-h-full overflow-hidden p-4", children: /* @__PURE__ */ jsxRuntime.jsx("video", { className: "size-full", ref }) })
     ] });
   });
@@ -29999,7 +31286,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               accentColor: "base",
               disabled,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "maximize" }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Maximize }),
                 "Scan"
               ]
             }
@@ -30137,7 +31424,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       super.setOptions(options);
     }
     static deserialize(data) {
-      if (data.type !== "string") throw new Error("Type mismatch.");
       const { maximum_length, minimum_length, ...rest } = data;
       return new _StringField({
         ...rest,
@@ -30247,107 +31533,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_TextField, "fieldTypeName", "Paragraph");
   __publicField(_TextField, "fieldTypeDescription", `Paragraph fields can hold up to ${LONG_TEXT_FIELD_MAX_LENGTH} characters and can have multiple lines.`);
   let TextField = _TextField;
-  const ImageCard = React.memo(
-    React.forwardRef((props, forwardedRef) => {
-      const { file, alt, error, rightSlot, className, ...rest } = props;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        blocks.Card,
-        {
-          className: classVarianceAuthority.cx(className, "relative flex h-[200px] w-full flex-col gap-2 overflow-hidden items-center"),
-          ref: forwardedRef,
-          ...rest,
-          children: [
-            !file && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 grow flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) }),
-            !!file && !error && /* @__PURE__ */ jsxRuntime.jsx(blocks.Card, { className: "flex max-w-full grow items-center !p-0 justify-center overflow-hidden bg-clip-padding", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                className: "max-w-full object-cover",
-                src: URL.createObjectURL(file),
-                alt: alt ?? file.name
-              }
-            ) }),
-            (!!file || !!error) && /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: classVarianceAuthority.cx("flex w-full items-center gap-2 self-end", {
-                  "bg-transparent": !file
-                }),
-                children: [
-                  error ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file-warning" }) : file && /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: "truncate", size: "sm", children: error ?? (file == null ? void 0 : file.name) }),
-                  rightSlot
-                ]
-              }
-            )
-          ]
-        }
-      );
-    })
-  );
-  class UUIDPromise extends Promise {
-    constructor(executor, uuid2) {
-      super(executor);
-      __publicField(this, "_uuid");
-      this._uuid = uuid2;
-    }
-    get uuid() {
-      return this._uuid;
-    }
-    set uuid(uuid2) {
-      this._uuid = uuid2;
-    }
-    static from(promise, uuid2) {
-      return new UUIDPromise((resolve, reject) => {
-        Promise.resolve(promise).then(resolve).catch(reject);
-      }, uuid2);
-    }
-    then(onFulfilled, onRejected) {
-      const promise = super.then(onFulfilled, onRejected);
-      promise.uuid = this.uuid;
-      return promise;
-    }
-    catch(onRejected) {
-      const promise = super.catch(onRejected);
-      promise.uuid = this.uuid;
-      return promise;
-    }
-    finally(onFinally) {
-      const promise = super.finally(onFinally);
-      promise.uuid = this.uuid;
-      return promise;
-    }
-  }
-  const convertBytesToLargestUnit = (bytes) => {
-    const units = ["byte", "kilobyte", "megabyte"];
-    let sizeInUnit = bytes;
-    let unitIndex = 0;
-    while (sizeInUnit > 1e3 && unitIndex < units.length - 1) {
-      sizeInUnit /= 1e3;
-      unitIndex++;
-    }
-    const formatter = new Intl.NumberFormat([], {
-      // 0 for bytes and kilobytes, 1 for megabytes
-      maximumFractionDigits: Math.max(0, unitIndex - 1),
-      style: "unit",
-      unit: units[unitIndex]
-    });
-    return formatter.format(sizeInUnit);
-  };
-  function areFilesEqual(file1, file2) {
-    return file1.name === file2.name && file1.size === file2.size && file1.type === file2.type;
-  }
-  function separateFilesFromPromises(filesOrPromises) {
-    const files = [];
-    const promises = [];
-    for (const fileOrPromise of filesOrPromises) {
-      if (fileOrPromise instanceof UUIDPromise) {
-        promises.push(fileOrPromise);
-      } else {
-        files.push(fileOrPromise);
-      }
-    }
-    return [files, promises];
-  }
   const UploadInput = React.memo((props) => {
     var _a2;
     const [{ inputId, labelId, label, size, severity, helpText, showInputOnly, field, fieldProps }, { disabled }] = useFormikInput(props);
@@ -30372,7 +31557,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onBlur([]);
         return;
       }
-      const fileArray = Array.from(files);
+      const fileArray = Array.from(files).map((file) => UUIDFile.from(uuid.v4(), file));
       const newValue = [...value, ...fileArray];
       onChange(newValue);
       onBlur(newValue);
@@ -30380,7 +31565,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleRemove = React.useCallback(
       (index) => {
         const files = [...value];
-        files.splice(index, 1);
+        void files.splice(index, 1);
         onChange(files);
       },
       [value, onChange]
@@ -30427,7 +31612,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 type: "button",
                 disabled,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "upload" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Upload }),
                   buttonText
                 ]
               }
@@ -30452,7 +31637,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-max flex-col gap-2", children: value.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
         DisplayFile,
         {
-          field,
           file,
           onRemove: () => {
             handleRemove(index);
@@ -30464,92 +31648,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   });
   UploadInput.displayName = "UploadInput";
-  const DisplayFile = React.memo((props) => {
-    const { file, field, onRemove, disabled } = props;
-    const [resolvedFile, setResolvedFile] = React.useState(null);
-    const openImageViewer = useImageViewer();
-    const error = React.useMemo(() => resolvedFile && field.getError([resolvedFile]), [field, resolvedFile]);
-    const { url, name } = React.useMemo(() => {
-      let url2 = null;
-      let name2;
-      let size;
-      if (resolvedFile == null ? void 0 : resolvedFile.type.startsWith("image/")) {
-        url2 = URL.createObjectURL(resolvedFile);
-      }
-      if (resolvedFile) {
-        name2 = resolvedFile.name;
-        size = convertBytesToLargestUnit(resolvedFile.size);
-      } else {
-        name2 = "Downloading...";
-        size = "...";
-      }
-      return { url: url2, name: name2, size };
-    }, [resolvedFile]);
-    React.useEffect(() => {
-      if (file instanceof UUIDPromise) {
-        file.then((file2) => {
-          setResolvedFile(file2);
-        }).catch(console.error);
-      } else {
-        setResolvedFile(file);
-      }
-    }, [file]);
-    const handleDownload = React.useCallback(
-      (event) => {
-        event.stopPropagation();
-        if (!resolvedFile) {
-          throw new Error("Cannot download a file that is not resolved.");
-        }
-        const blob = new Blob([resolvedFile]);
-        fileSaver.saveAs(blob, name);
-      },
-      [name, resolvedFile]
-    );
-    const handleDelete = React.useCallback(
-      (e) => {
-        e.stopPropagation();
-        onRemove();
-      },
-      [onRemove]
-    );
-    const handleImageCardClick = React.useCallback(() => {
-      if (!resolvedFile) return;
-      openImageViewer((closeFileViewer) => ({
-        file: resolvedFile,
-        onDelete: !disabled ? () => {
-          onRemove();
-          closeFileViewer();
-        } : void 0
-      }));
-    }, [disabled, onRemove, openImageViewer, resolvedFile]);
-    const rightSlotContent = React.useMemo(
-      () => /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            "aria-label": `Download ${name}`,
-            type: "button",
-            onClick: handleDownload,
-            disabled: !resolvedFile,
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "download" })
-          }
-        ),
-        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
-      ] }),
-      [disabled, handleDelete, handleDownload, name, resolvedFile]
-    );
-    return url ? /* @__PURE__ */ jsxRuntime.jsx(
-      ImageCard,
-      {
-        className: "cursor-pointer",
-        onClick: handleImageCardClick,
-        file: resolvedFile,
-        error: error ?? void 0,
-        rightSlot: rightSlotContent
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(FileCard, { file: resolvedFile, error: error ?? void 0, rightSlot: rightSlotContent });
-  });
-  DisplayFile.displayName = "DisplayFile";
   const _UploadField = class _UploadField extends BaseField {
     constructor(options) {
       const { extensions, maximum_files, maximum_size, ...base } = options;
@@ -30629,7 +31727,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const maxFileSizeInB = maxFileSizeInMB * 1e3 * 1e3;
       const maxFiles = this.maxFiles || 1;
       validators.push((value) => {
-        if (value && value.some((file) => file instanceof File && file.size > maxFileSizeInB)) {
+        if (value && value.some((file) => file instanceof UUIDFile && file.size > maxFileSizeInB)) {
           return `Files must be at most ${maxFileSizeInMB}MB.`;
         }
       });
@@ -30686,16 +31784,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     isValueValid(value) {
       if (!Array.isArray(value)) return false;
-      return value.every((item) => item instanceof UUIDPromise || item instanceof File);
+      return value.every((item) => item instanceof UUIDPromise || item instanceof UUIDFile);
     }
     areValuesEqual(value1, value2) {
-      const [files1, promises1] = separateFilesFromPromises(value1);
-      const [files2, promises2] = separateFilesFromPromises(value2);
-      if (!files1.every((file1) => files2.some((file2) => areFilesEqual(file1, file2)))) return false;
-      if (!files2.every((file2) => files1.some((file1) => areFilesEqual(file1, file2)))) return false;
-      if (!promises1.every((promise1) => promises2.some((promise2) => promise1.uuid === promise2.uuid))) return false;
-      if (!promises2.every((promise2) => promises1.some((promise1) => promise1.uuid === promise2.uuid))) return false;
-      return true;
+      return areFileAndPromiseArraysEqual(value1, value2);
     }
     blankValue() {
       return [];
@@ -30717,23 +31809,27 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     "multi-select": MultiSelectField,
     radio: RadioField,
     "checkbox-list": CheckboxListField,
-    otp: OTPField
+    "pass-fail": PassFailField,
+    otp: OTPField,
+    rating: RatingField
   };
   const fieldIcons = {
-    boolean: "square-check",
-    date: "calendar",
-    "multi-string": "list",
-    number: "hash",
-    qr: "scan",
-    "multi-select": "list-checks",
-    select: "list-todo",
-    string: "text-cursor-input",
-    text: "align-justify",
-    upload: "upload",
-    section: "layout-panel-top",
-    radio: "circle-dot",
-    "checkbox-list": "copy-check",
-    otp: "rectangle-ellipsis"
+    boolean: SquareCheck,
+    date: Calendar,
+    "multi-string": List,
+    number: Hash,
+    qr: Scan,
+    "multi-select": ListChecks,
+    select: ListTodo,
+    string: TextCursorInput,
+    text: AlignJustify,
+    upload: Upload,
+    section: LayoutPanelTop,
+    radio: CircleDot,
+    "checkbox-list": CopyCheck,
+    "pass-fail": ClipboardList,
+    otp: RectangleEllipsis,
+    rating: Star
   };
   const maxFileSizeMB = 50;
   const maxFileSizeKB = maxFileSizeMB * 1e3;
@@ -30940,6 +32036,42 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     serialize: (filterValue) => filterValue,
     deserialize: (filterValue) => filterValue
   });
+  const PassFailEqualsConditionModifier = ConditionModifier.create({
+    id: "pass-fail-equals",
+    modifierFn: (value, filterValue) => {
+      return value === filterValue;
+    },
+    label: "is",
+    serialize: (filterValue) => filterValue,
+    deserialize: (filterValue) => filterValue
+  });
+  const PassFailNotEqualsConditionModifier = ConditionModifier.create({
+    id: "pass-fail-not-equals",
+    modifierFn: (value, filterValue) => {
+      return value !== filterValue;
+    },
+    label: "is not",
+    serialize: (filterValue) => filterValue,
+    deserialize: (filterValue) => filterValue
+  });
+  const PassFailArrayIncludesConditionModifier = ConditionModifier.create({
+    id: "pass-fail-array-includes",
+    modifierFn: (value, filterValue) => {
+      return filterValue.includes(value);
+    },
+    label: "is any of",
+    serialize: (filterValue) => filterValue,
+    deserialize: (filterValue) => filterValue
+  });
+  const PassFailArrayExcludesConditionModifier = ConditionModifier.create({
+    id: "pass-fail-array-excludes",
+    modifierFn: (value, filterValue) => {
+      return !filterValue.includes(value);
+    },
+    label: "is none of",
+    serialize: (filterValue) => filterValue,
+    deserialize: (filterValue) => filterValue
+  });
   const StringEqualsConditionModifier = ConditionModifier.create({
     id: "nullable-string-equals",
     modifierFn: (value, filterValue) => {
@@ -31079,9 +32211,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "apply", (value) => {
         const modifier = this.modifiers[this.conditionModifier];
         const conditionValue = this.getConditionValue();
-        if (conditionValue === void 0 || !modifier.isConditionValueValid(conditionValue)) return true;
-        if (!modifier.isValueValid(value)) return false;
-        return modifier.modifier.modifierFn(value, conditionValue);
+        if (conditionValue == void 0) return true;
+        if (!modifier.isConditionValueValid(conditionValue)) return true;
+        const transformedValue = this.transformValue(value);
+        if (!modifier.isValueValid(transformedValue)) return false;
+        return modifier.modifier.modifierFn(transformedValue, conditionValue);
       });
       this.id = id;
       this.field = field;
@@ -31097,6 +32231,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         conditionModifier: this.conditionModifier
       };
     }
+    transformValue(value) {
+      return value;
+    }
   }
   const formId = "form-builder";
   const UNLABELLED_FIELD_LABEL = "Unlabelled";
@@ -31109,12 +32246,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (typeof children === "function") {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children(meta),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         } else {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         }
       },
@@ -31129,12 +32266,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (typeof children === "function") {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children(meta),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         } else {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         }
       },
@@ -31149,12 +32286,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (typeof children === "function") {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children(meta),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Minus }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         } else {
           return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Minus }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
           ] });
         }
       },
@@ -31248,7 +32385,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               variant: "soft",
               type: "button",
               onClick: handleAddValueClick,
-              children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus })
             }
           )
         ] }),
@@ -31271,7 +32408,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   onClick: () => {
                     handleRemoveValueClick(index);
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X })
                 }
               )
             ]
@@ -31331,7 +32468,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleRemoveFilter = React.useCallback(() => {
       onClick(condition);
     }, [condition, onClick]);
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleRemoveFilter, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleRemoveFilter, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }) });
   };
   RemoveConditionButton.displayName = "RemoveConditionButton";
   const SelectFieldOptionMultiSelectGroup = React.memo((props) => {
@@ -31446,7 +32583,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$c = {
+  const modifiers$e = {
     equals: createConditionModifierConfig({
       modifier: BooleanEqualsConditionModifier,
       isValueValid: (_value) => true,
@@ -31463,13 +32600,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class BooleanFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "modifiers", modifiers$c);
+      __publicField(this, "modifiers", modifiers$e);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$c[conditionModifier];
+      const modifierConfig = modifiers$e[conditionModifier];
       let deserializedValue = void 0;
       if (conditionValue !== void 0) {
         deserializedValue = modifierConfig.modifier.deserialize(conditionValue);
@@ -31525,7 +32660,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$b = {
+  const modifiers$d = {
     equals: createConditionModifierConfig({
       modifier: StringArrayEqualsConditionModifier,
       isValueValid: (_value) => true,
@@ -31560,13 +32695,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class CheckboxListFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "modifiers", modifiers$b);
+      __publicField(this, "modifiers", modifiers$d);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$b[conditionModifier];
+      const modifierConfig = modifiers$d[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? modifierConfig.modifier.deserialize(conditionValue) : void 0;
       return new CheckboxListFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
     }
@@ -31641,7 +32774,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$a = {
+  const modifiers$c = {
     equals: createConditionModifierConfig({
       modifier: DateEqualsConditionModifier,
       isValueValid: (value) => value instanceof Date,
@@ -31682,13 +32815,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class DateFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "modifiers", modifiers$a);
+      __publicField(this, "modifiers", modifiers$c);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$a[conditionModifier];
+      const modifierConfig = modifiers$c[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? (
         // @ts-expect-error calling isSerializedValueValid means conditionValue is of appropriate type
         modifierConfig.modifier.deserialize(conditionValue)
@@ -31744,7 +32875,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$9 = {
+  const modifiers$b = {
     equals: createConditionModifierConfig({
       modifier: StringArrayEqualsConditionModifier,
       isValueValid: (_value) => true,
@@ -31779,13 +32910,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class MultiSelectFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "modifiers", modifiers$9);
+      __publicField(this, "modifiers", modifiers$b);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$9[conditionModifier];
+      const modifierConfig = modifiers$b[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? modifierConfig.modifier.deserialize(conditionValue) : void 0;
       return new MultiSelectFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
     }
@@ -31829,7 +32958,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$8 = {
+  const modifiers$a = {
     equals: createConditionModifierConfig({
       modifier: StringArrayEqualsConditionModifier,
       isValueValid: (_value) => true,
@@ -31864,13 +32993,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class MultiStringFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "modifiers", modifiers$8);
+      __publicField(this, "modifiers", modifiers$a);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$8[conditionModifier];
+      const modifierConfig = modifiers$a[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? modifierConfig.modifier.deserialize(conditionValue) : void 0;
       return new MultiStringFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
     }
@@ -31949,7 +33076,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$7 = {
+  const modifiers$9 = {
     equals: createConditionModifierConfig({
       modifier: NumberEqualsConditionModifier,
       isValueValid: (value) => typeof value === "number",
@@ -32002,13 +33129,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class NumberFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "modifiers", modifiers$7);
+      __publicField(this, "modifiers", modifiers$9);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$7[conditionModifier];
+      const modifierConfig = modifiers$9[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? (
         // @ts-expect-error calling isSerializedValueValid means conditionValue is of appropriate type
         modifierConfig.modifier.deserialize(conditionValue)
@@ -32052,7 +33177,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$6 = {
+  const modifiers$8 = {
     equals: createConditionModifierConfig({
       modifier: StringEqualsConditionModifier,
       isValueValid: (_value) => true,
@@ -32081,13 +33206,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class OTPFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "modifiers", modifiers$6);
+      __publicField(this, "modifiers", modifiers$8);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$6[conditionModifier];
+      const modifierConfig = modifiers$8[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? modifierConfig.modifier.deserialize(conditionValue) : void 0;
       return new OTPFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
     }
@@ -32095,6 +33218,117 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return /* @__PURE__ */ jsxRuntime.jsx(OTPFieldConditionCell, { condition: this, ...props }, this.id);
     }
   }
+  const PassFailFieldConditionCell = (props) => {
+    const { condition, onRemove } = props;
+    const field = condition.field;
+    const conditionValue = condition.getConditionValue();
+    const conditionModifier = condition.getConditionModifier();
+    const getFilterValueUi = () => {
+      switch (conditionModifier) {
+        case "equals":
+        case "notEquals": {
+          const equalsModifier = condition.modifiers.equals;
+          const equalsFilterValue = conditionValue !== void 0 && equalsModifier.isConditionValueValid(conditionValue) ? conditionValue : void 0;
+          return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", className: "min-w-0 shrink-1 grow", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: equalsFilterValue !== void 0 ? equalsFilterValue ? passFailFieldStatusMapping[equalsFilterValue].label : "empty" : "..." }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+              blocks.Menu.SelectGroup,
+              {
+                required: false,
+                value: equalsFilterValue,
+                onValueChange: condition.setConditionValue,
+                children: passFailFieldStatuses.map((status) => {
+                  const { label } = passFailFieldStatusMapping[status];
+                  return /* @__PURE__ */ jsxRuntime.jsx(SelectItemTemplate, { value: status, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }) }, status);
+                })
+              }
+            ) })
+          ] });
+        }
+        case "includes":
+        case "excludes": {
+          const includesModifier = condition.modifiers.includes;
+          const includesModifierFilterValue = conditionValue !== void 0 && includesModifier.isConditionValueValid(conditionValue) ? conditionValue : void 0;
+          return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", children: includesModifierFilterValue ? `${includesModifierFilterValue.length} statuses` : "..." }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              blocks.Menu.MultiSelectGroup,
+              {
+                values: includesModifierFilterValue ?? EMPTY_ARRAY,
+                onValuesChange: condition.setConditionValue,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectAllItemTemplate, { children: "Select all" }),
+                  passFailFieldStatuses.map((status) => {
+                    const { label, icon } = passFailFieldStatusMapping[status];
+                    return /* @__PURE__ */ jsxRuntime.jsxs(MultiSelectItemTemplate, { value: status, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+                    ] }, status);
+                  })
+                ]
+              }
+            ) })
+          ] });
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex w-max max-w-full min-w-0 gap-0.5", size: "sm", variant: "fill", accentColor: "base", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { className: "min-w-0 shrink-1", size: "sm", variant: "fill", accentColor: "base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[field.type] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: field.label || UNLABELLED_FIELD_LABEL })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ConditionModifierDropdown, { condition, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", children: condition.modifiers[conditionModifier].modifier.label }) }),
+      getFilterValueUi(),
+      /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
+    ] });
+  };
+  const modifiers$7 = {
+    equals: createConditionModifierConfig({
+      modifier: PassFailEqualsConditionModifier,
+      isValueValid: (value) => value !== null,
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "string",
+      isSerializedValueValid: (serializedConditionValue) => typeof serializedConditionValue === "string"
+    }),
+    notEquals: createConditionModifierConfig({
+      modifier: PassFailNotEqualsConditionModifier,
+      isValueValid: (value) => value !== null,
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "string",
+      isSerializedValueValid: (serializedConditionValue) => typeof serializedConditionValue === "string"
+    }),
+    includes: createConditionModifierConfig({
+      modifier: PassFailArrayIncludesConditionModifier,
+      isValueValid: (value) => value !== null,
+      isConditionValueValid: (conditionValue) => Array.isArray(conditionValue),
+      isSerializedValueValid: (serializedConditionValue) => Array.isArray(serializedConditionValue)
+    }),
+    excludes: createConditionModifierConfig({
+      modifier: PassFailArrayExcludesConditionModifier,
+      isValueValid: (value) => value !== null,
+      isConditionValueValid: (conditionValue) => Array.isArray(conditionValue),
+      isSerializedValueValid: (serializedConditionValue) => Array.isArray(serializedConditionValue)
+    })
+  };
+  class PassFailFieldCondition extends BaseCondition {
+    constructor(options) {
+      super(options);
+      __publicField(this, "modifiers", modifiers$7);
+    }
+    static deserialize(serializedCondition, field) {
+      const { conditionValue, conditionModifier, ...rest } = serializedCondition;
+      const modifierConfig = modifiers$7[conditionModifier];
+      const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? (
+        // @ts-expect-error calling isSerializedValueValid means conditionValue is of appropriate type
+        modifierConfig.modifier.deserialize(conditionValue)
+      ) : void 0;
+      return new PassFailFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
+    }
+    transformValue(value) {
+      return value.status;
+    }
+    render(props) {
+      return /* @__PURE__ */ jsxRuntime.jsx(PassFailFieldConditionCell, { condition: this, ...props }, this.id);
+    }
+  }
   const RadioFieldConditionCell = (props) => {
     const { condition, onRemove } = props;
     const field = condition.field;
@@ -32115,16 +33349,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return mapping;
     }, [normalizedOptions]);
-    const handleValuesChange = React.useCallback(
-      (values) => {
-        if (values.length > 0) {
-          condition.setConditionValue(values);
-        } else {
-          condition.setConditionValue([]);
-        }
-      },
-      [condition]
-    );
     const getFilterValueUi = () => {
       switch (conditionModifier) {
         case "equals":
@@ -32154,8 +33378,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               SelectFieldOptionMultiSelectGroup,
               {
                 selectFieldOptions: field.options,
-                values: includesModifierFilterValue ?? [],
-                onValuesChange: handleValuesChange
+                values: includesModifierFilterValue ?? EMPTY_ARRAY,
+                onValuesChange: condition.setConditionValue
               }
             ) })
           ] });
@@ -32172,7 +33396,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
     ] });
   };
-  const modifiers$5 = {
+  const modifiers$6 = {
     equals: createConditionModifierConfig({
       modifier: StringEqualsConditionModifier,
       isValueValid: (value) => typeof value === "string",
@@ -32201,13 +33425,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class RadioFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
-      __publicField(this, "modifiers", modifiers$5);
+      __publicField(this, "modifiers", modifiers$6);
     }
     static deserialize(serializedCondition, field) {
       const { conditionValue, conditionModifier, ...rest } = serializedCondition;
-      const modifierConfig = modifiers$5[conditionModifier];
+      const modifierConfig = modifiers$6[conditionModifier];
       const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? (
         // @ts-expect-error calling isSerializedValueValid means conditionValue is of appropriate type
         modifierConfig.modifier.deserialize(conditionValue)
@@ -32218,6 +33440,146 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return /* @__PURE__ */ jsxRuntime.jsx(RadioFieldConditionCell, { condition: this, ...props }, this.id);
     }
   }
+  const RatingFieldConditionCell = (props) => {
+    const { condition, onRemove } = props;
+    const field = condition.field;
+    const conditionValue = condition.getConditionValue();
+    const conditionModifier = condition.getConditionModifier();
+    const getFilterValueUi = () => {
+      switch (conditionModifier) {
+        case "equals":
+        case "notEquals":
+        case "greaterThanOrEquals":
+        case "lessThanOrEquals":
+        case "greaterThan":
+        case "lessThan": {
+          const modifier = condition.modifiers[conditionModifier];
+          const filterValue = conditionValue !== void 0 && modifier.isConditionValueValid(conditionValue) ? conditionValue : void 0;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            NumberInputPopover,
+            {
+              value: filterValue ?? null,
+              onValueChange: (value) => condition.setConditionValue(value ?? void 0),
+              size: "sm",
+              children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", className: "truncate", children: filterValue !== void 0 ? filterValue : "..." })
+            }
+          );
+        }
+        case "inRange":
+        case "notInRange": {
+          const inRangeModifier = condition.modifiers.inRange;
+          const rangeFilterValue = conditionValue !== void 0 && inRangeModifier.isConditionValueValid(conditionValue) ? conditionValue : void 0;
+          return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NumberInputPopover,
+              {
+                value: (rangeFilterValue == null ? void 0 : rangeFilterValue.from) ?? null,
+                onValueChange: (value) => {
+                  condition.setConditionValue({
+                    from: value,
+                    to: (rangeFilterValue == null ? void 0 : rangeFilterValue.to) ?? null
+                  });
+                },
+                size: "sm",
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { className: "truncate", children: (rangeFilterValue == null ? void 0 : rangeFilterValue.from) ?? "..." })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NumberInputPopover,
+              {
+                value: (rangeFilterValue == null ? void 0 : rangeFilterValue.to) ?? null,
+                onValueChange: (value) => {
+                  condition.setConditionValue({
+                    from: (rangeFilterValue == null ? void 0 : rangeFilterValue.from) ?? null,
+                    to: value
+                  });
+                },
+                size: "sm",
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { className: "truncate", children: (rangeFilterValue == null ? void 0 : rangeFilterValue.to) ?? "..." })
+              }
+            )
+          ] });
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex w-max max-w-full min-w-0 gap-0.5", size: "sm", variant: "fill", accentColor: "base", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { className: "min-w-0 shrink-1", size: "sm", variant: "fill", accentColor: "base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[field.type] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: field.label || UNLABELLED_FIELD_LABEL })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ConditionModifierDropdown, { condition, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", children: condition.modifiers[conditionModifier].modifier.label }) }),
+      getFilterValueUi(),
+      /* @__PURE__ */ jsxRuntime.jsx(RemoveConditionButton, { condition, onClick: onRemove })
+    ] });
+  };
+  const modifiers$5 = {
+    equals: createConditionModifierConfig({
+      modifier: NumberEqualsConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    notEquals: createConditionModifierConfig({
+      modifier: NumberNotEqualsConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    lessThan: createConditionModifierConfig({
+      modifier: NumberLessThanConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    lessThanOrEquals: createConditionModifierConfig({
+      modifier: NumberLessThanOrEqualsConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    greaterThan: createConditionModifierConfig({
+      modifier: NumberGreaterThanConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    greaterThanOrEquals: createConditionModifierConfig({
+      modifier: NumberGreaterThanOrEqualsConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "number",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "number"
+    }),
+    inRange: createConditionModifierConfig({
+      modifier: NumberRangeInConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "object",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "object"
+    }),
+    notInRange: createConditionModifierConfig({
+      modifier: NumberRangeNotInConditionModifier,
+      isValueValid: (value) => typeof value === "number",
+      isConditionValueValid: (conditionValue) => typeof conditionValue === "object",
+      isSerializedValueValid: (conditionValue) => typeof conditionValue === "object"
+    })
+  };
+  class RatingFieldCondition extends BaseCondition {
+    constructor(options) {
+      super(options);
+      __publicField(this, "modifiers", modifiers$5);
+    }
+    static deserialize(serializedCondition, field) {
+      const { conditionValue, conditionModifier, ...rest } = serializedCondition;
+      const modifierConfig = modifiers$5[conditionModifier];
+      const deserializedValue = conditionValue !== void 0 && modifierConfig.isSerializedValueValid(conditionValue) ? (
+        // @ts-expect-error calling isSerializedValueValid means conditionValue is of appropriate type
+        modifierConfig.modifier.deserialize(conditionValue)
+      ) : void 0;
+      return new RatingFieldCondition({ field, conditionModifier, conditionValue: deserializedValue, ...rest });
+    }
+    render(props) {
+      return /* @__PURE__ */ jsxRuntime.jsx(RatingFieldConditionCell, { condition: this, ...props }, this.id);
+    }
+  }
   const ScanFieldConditionCell = (props) => {
     const { condition, onRemove } = props;
     const field = condition.field;
@@ -32280,8 +33642,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class ScanFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$4);
     }
     static deserialize(serializedCondition, field) {
@@ -32400,8 +33760,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class SelectFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$3);
     }
     static deserialize(serializedCondition, field) {
@@ -32479,8 +33837,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class StringFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$2);
     }
     static deserialize(serializedCondition, field) {
@@ -32555,8 +33911,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class TextFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$1);
     }
     static deserialize(serializedCondition, field) {
@@ -32627,8 +33981,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class UploadFieldCondition extends BaseCondition {
     constructor(options) {
       super(options);
-      __publicField(this, "defaultConditionValue");
-      __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers);
     }
     static deserialize(serializedCondition, field) {
@@ -32641,43 +33993,35 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return /* @__PURE__ */ jsxRuntime.jsx(UploadFieldConditionCell, { condition: this, ...props }, this.id);
     }
   }
-  const deserializeCondition = (serializedCondition, field) => {
-    switch (serializedCondition.type) {
-      case "text":
-        return TextFieldCondition.deserialize(serializedCondition, field);
-      case "boolean":
-        return BooleanFieldCondition.deserialize(serializedCondition, field);
-      case "number":
-        return NumberFieldCondition.deserialize(serializedCondition, field);
-      case "date":
-        return DateFieldCondition.deserialize(serializedCondition, field);
-      case "string":
-        return StringFieldCondition.deserialize(serializedCondition, field);
-      case "select":
-        return SelectFieldCondition.deserialize(serializedCondition, field);
-      case "multi-string":
-        return MultiStringFieldCondition.deserialize(serializedCondition, field);
-      case "multi-select":
-        return MultiSelectFieldCondition.deserialize(serializedCondition, field);
-      case "upload":
-        return UploadFieldCondition.deserialize(serializedCondition, field);
-      case "qr":
-        return ScanFieldCondition.deserialize(serializedCondition, field);
-      case "radio":
-        return RadioFieldCondition.deserialize(serializedCondition, field);
-      case "checkbox-list":
-        return CheckboxListFieldCondition.deserialize(serializedCondition, field);
-      case "otp":
-        return OTPFieldCondition.deserialize(serializedCondition, field);
-    }
+  const ConditionTypeToClsMapping = {
+    date: DateFieldCondition,
+    number: NumberFieldCondition,
+    boolean: BooleanFieldCondition,
+    select: SelectFieldCondition,
+    string: StringFieldCondition,
+    text: TextFieldCondition,
+    upload: UploadFieldCondition,
+    qr: ScanFieldCondition,
+    "multi-string": MultiStringFieldCondition,
+    "multi-select": MultiSelectFieldCondition,
+    radio: RadioFieldCondition,
+    "checkbox-list": CheckboxListFieldCondition,
+    "pass-fail": PassFailFieldCondition,
+    otp: OTPFieldCondition,
+    rating: RatingFieldCondition
+  };
+  const deserializeCondition = (field, serializedCondition) => {
+    if (field.type !== serializedCondition.type)
+      throw new Error(`field and condition type mismatch ${field.type} !== ${serializedCondition.type}`);
+    return ConditionTypeToClsMapping[serializedCondition.type].deserialize(serializedCondition, field);
   };
-  const deserializeConditions = (serializedConditions, fields) => {
+  const deserializeConditions = (fields, serializedConditions) => {
     const fieldsMapping = {};
     for (const field of fields) {
       fieldsMapping[field.identifier] = field;
     }
     return serializedConditions.map(
-      (serializedCondition) => deserializeCondition(serializedCondition, fieldsMapping[serializedCondition.fieldId])
+      (serializedCondition) => deserializeCondition(fieldsMapping[serializedCondition.fieldId], serializedCondition)
     );
   };
   const applyConditions = (conditions, values) => {
@@ -32685,35 +34029,53 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return condition.apply(values[condition.field.identifier]);
     }) : true;
   };
-  const deserializeField = (serializedField) => {
-    switch (serializedField.type) {
-      case "boolean":
-        return BooleanField.deserialize(serializedField);
-      case "text":
-        return TextField.deserialize(serializedField);
-      case "number":
-        return NumberField.deserialize(serializedField);
-      case "date":
-        return DateField.deserialize(serializedField);
-      case "select":
-        return SelectField.deserialize(serializedField);
-      case "multi-string":
-        return MultiStringField.deserialize(serializedField);
-      case "multi-select":
-        return MultiSelectField.deserialize(serializedField);
-      case "upload":
-        return UploadField.deserialize(serializedField);
-      case "qr":
-        return ScanField.deserialize(serializedField);
-      case "radio":
-        return RadioField.deserialize(serializedField);
-      case "checkbox-list":
-        return CheckboxListField.deserialize(serializedField);
-      case "string":
-        return StringField.deserialize(serializedField);
-      case "otp":
-        return OTPField.deserialize(serializedField);
+  class ConditionManager extends Observable {
+    constructor(conditions) {
+      super();
+      __publicField(this, "conditions");
+      __publicField(this, "conditionObserver", () => {
+        this.conditions = [...this.conditions];
+        this.notify(this);
+      });
+      __publicField(this, "initConditions", (conditions) => {
+        for (const c of conditions) c.observe(this.conditionObserver);
+        return conditions;
+      });
+      this.conditions = this.initConditions(conditions);
     }
+    getConditions() {
+      return this.conditions;
+    }
+    addCondition(condition) {
+      this.conditions = this.initConditions([...this.conditions, condition]);
+      this.notify(this);
+    }
+    addConditions(conditions) {
+      this.conditions = this.initConditions([...this.conditions, ...conditions]);
+      this.notify(this);
+    }
+    removeCondition(condition) {
+      this.conditions = this.initConditions(this.conditions.filter((c) => c.id !== condition.id));
+      this.notify(this);
+    }
+    removeConditions(conditions) {
+      const conditionIds = new Set(conditions.map((c) => c.id));
+      this.conditions = this.initConditions(this.conditions.filter((c) => !conditionIds.has(c.id)));
+      this.notify(this);
+    }
+    applyConditions(values) {
+      return applyConditions(this.conditions, values);
+    }
+  }
+  const useConditionManager = (conditions, onConditionsChange) => {
+    return React.useMemo(() => {
+      const ret = new ConditionManager(conditions);
+      ret.observe((conditionManager) => onConditionsChange(conditionManager.getConditions()));
+      return ret;
+    }, [conditions, onConditionsChange]);
+  };
+  const deserializeField = (serializedField) => {
+    return FieldTypeToClsMapping[serializedField.type].deserialize(serializedField);
   };
   function deserializeFields(fields) {
     return fields.map(deserialize);
@@ -32788,6 +34150,85 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return ret;
   }
+  function extractFilesAndPromisesFromFieldValues(fields, values) {
+    const cleanValues = cleanFieldValues(fields, values);
+    const valuesRet = {};
+    const filesRet = {};
+    for (const field of fields) {
+      if (!(field.identifier in cleanValues)) continue;
+      const value = cleanValues[field.identifier];
+      switch (field.type) {
+        case "upload":
+          if (!field.isValueValid(value)) break;
+          filesRet[field.identifier] = value;
+          valuesRet[field.identifier] = [];
+          break;
+        case "pass-fail":
+          if (!field.isValueValid(value)) break;
+          filesRet[field.identifier] = value.files;
+          valuesRet[field.identifier] = {
+            ...value,
+            files: []
+          };
+          break;
+        default:
+          valuesRet[field.identifier] = values[field.identifier];
+      }
+    }
+    return [valuesRet, filesRet];
+  }
+  function insertFilesAndPromisesToFieldValues(fields, values, filesAndPromises) {
+    const ret = {};
+    for (const field of fields) {
+      if (!(field.identifier in values)) continue;
+      const value = values[field.identifier];
+      switch (field.type) {
+        case "upload":
+          if (!field.isValueValid(value)) break;
+          ret[field.identifier] = filesAndPromises[field.identifier] ?? [];
+          break;
+        case "pass-fail":
+          if (!field.isValueValid(value)) break;
+          ret[field.identifier] = {
+            ...value,
+            files: filesAndPromises[field.identifier] ?? []
+          };
+          break;
+        default:
+          if (!field.isValueValid(value)) break;
+          ret[field.identifier] = value;
+      }
+    }
+    return ret;
+  }
+  const initializeFieldValues = (fields, values) => {
+    const ret = {};
+    for (const field of fields) {
+      const value = values[field.identifier];
+      ret[field.identifier] = value !== void 0 ? value : field.blankValue();
+    }
+    return ret;
+  };
+  const changedFieldValues = (fields, values1, values2) => {
+    const ret = {};
+    for (const field of fields) {
+      const value1 = values1[field.identifier];
+      const value2 = values2[field.identifier];
+      if (field.areValuesEqual(value1, value2)) continue;
+      ret[field.identifier] = value2;
+    }
+    return ret;
+  };
+  const unchangedFieldValues = (fields, values1, values2) => {
+    const ret = {};
+    for (const field of fields) {
+      const value1 = values1[field.identifier];
+      const value2 = values2[field.identifier];
+      if (!field.areValuesEqual(value1, value2)) continue;
+      ret[field.identifier] = value2;
+    }
+    return ret;
+  };
   const RendererContext = React.createContext({});
   const FieldSectionLayout = React.memo((props) => {
     const { fieldSection: section, ...rest } = props;
@@ -32864,14 +34305,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         fields: this.fields.map((field) => field.serialize())
       };
     }
-    static deserialize(data) {
-      const fields = data.fields.map(deserializeField);
-      const conditions = {};
-      for (const [sectionId, serializedConditions] of Object.entries(data.conditions)) {
-        conditions[sectionId] = deserializeConditions(serializedConditions, fields);
-      }
-      return new _FieldSection({ ...data, fields, conditions });
-    }
     getOptions() {
       return {
         ...super.getOptions(),
@@ -32909,12 +34342,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getFields() {
       return this.fields;
     }
-    addField(field) {
-      this.fields = this.initFields([...this.fields, field]);
-      this.notify(this);
-    }
-    addFields(fields) {
-      this.fields = this.initFields([...this.fields, ...fields]);
+    addField(field, index) {
+      const copy = [...this.fields];
+      copy.splice(index ?? this.fields.length, 0, field);
+      this.fields = this.initFields(copy);
       this.notify(this);
     }
     moveField(sourceIndex, targetIndex) {
@@ -32933,16 +34364,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.conditions = newConditions;
       this.notify(this);
     }
-    removeFields(fields) {
-      const fieldIdentifiers = new Set(fields.map(({ identifier }) => identifier));
-      this.fields = this.initFields(this.fields.filter(({ identifier }) => !fieldIdentifiers.has(identifier)));
-      const newConditions = {};
-      for (const [sectionId, conditions] of Object.entries(this.conditions)) {
-        newConditions[sectionId] = conditions.filter(({ field }) => !fieldIdentifiers.has(field.identifier));
-      }
-      this.conditions = newConditions;
-      this.notify(this);
-    }
     getConditions(identifier) {
       return this.conditions[identifier];
     }
@@ -32979,7 +34400,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new Set(Object.keys(this.conditions));
     }
     addConditional(identifier) {
-      this.conditions = this.initConditions({ ...this.conditions, [identifier]: [] });
+      this.conditions = this.initConditions({
+        ...this.conditions,
+        [identifier]: []
+      });
       this.notify(this);
     }
     removeConditional(identifier) {
@@ -32995,6 +34419,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   };
   __publicField(_FieldSection, "fieldTypeName", "Section");
   __publicField(_FieldSection, "fieldTypeDescription", "Sections can be useful for grouping fields together. They can also be conditionally shown or hidden.");
+  __publicField(_FieldSection, "deserialize", (data) => {
+    const fields = data.fields.map(deserializeField);
+    const conditions = {};
+    for (const [sectionId, serializedConditions] of Object.entries(data.conditions)) {
+      conditions[sectionId] = deserializeConditions(fields, serializedConditions);
+    }
+    return new _FieldSection({ ...data, fields, conditions });
+  });
   let FieldSection = _FieldSection;
   class FieldSchema extends Observable {
     constructor(fields) {
@@ -33022,27 +34454,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getFieldSections() {
       return this.fieldSections;
     }
-    addFieldSection(field) {
-      this.fieldSections = this.initFields([...this.fieldSections, field]);
-      this.notify(this);
-    }
-    addFieldSections(fields) {
-      this.fieldSections = this.initFields([...this.fieldSections, ...fields]);
+    addFieldSection(fieldSection, index) {
+      const copy = [...this.fieldSections];
+      copy.splice(index ?? this.fieldSections.length, 0, fieldSection);
+      this.fieldSections = this.initFields(copy);
       this.notify(this);
     }
-    removeFieldSection(field) {
-      const newFields = this.fieldSections.filter((f) => f.identifier !== field.identifier);
-      for (const field2 of newFields) {
-        field2.removeConditional(field2.identifier);
+    removeFieldSection(fieldSection) {
+      const newFields = this.fieldSections.filter((f) => f.identifier !== fieldSection.identifier);
+      for (const field of newFields) {
+        field.removeConditional(field.identifier);
       }
       this.fieldSections = this.initFields(newFields);
       this.notify(this);
     }
-    removeFieldSections(fields) {
-      const fieldsIds = new Set(fields.map((f) => f.identifier));
-      this.fieldSections = this.initFields(this.fieldSections.filter((f) => !fieldsIds.has(f.identifier)));
-      this.notify(this);
-    }
     moveFieldSection(sourceIndex, targetIndex) {
       const newFields = [...this.fieldSections];
       const [removedElement] = newFields.splice(sourceIndex, 1);
@@ -33056,44 +34481,70 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     serializeValues(values) {
       return serializeFieldValues(this.getFields(), values);
     }
+    deserializeConditions(conditions) {
+      return deserializeConditions(this.getFields(), conditions);
+    }
+    initializeValues(values) {
+      return initializeFieldValues(this.getFields(), values);
+    }
   }
   const FieldSchemaContext = React.createContext(new FieldSchema([]));
   const FormBuilderContext = React.createContext({});
+  const useFieldTypeItems = (onSelect = () => null) => {
+    return React.useMemo(() => {
+      const entries = Object.entries(FieldTypeToClsMapping);
+      return entries.map(([type, fieldClass]) => ({
+        children: fieldClass.fieldTypeName,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[type] }),
+        value: type,
+        onSelect: () => {
+          onSelect(type);
+        }
+      }));
+    }, [onSelect]);
+  };
+  const CreateFieldDropdownMenu = React.memo((props) => {
+    const { children, variant, size, accentColor, onSelectFieldType, ...rest } = props;
+    const fieldTypeItems = useFieldTypeItems(onSelectFieldType);
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { variant, size, accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: item.onSelect, children: [
+        item.icon,
+        item.children
+      ] }, item.value)) }) })
+    ] });
+  });
+  CreateFieldDropdownMenu.displayName = "CreateFieldDropdownMenu";
   const createField = (type) => {
     switch (type) {
       case "text":
-        return new TextField({ fieldValidators: [], label: "", required: false, identifier: uuid.v4() });
+        return new TextField({ label: "", required: false, identifier: uuid.v4() });
       case "boolean":
         return new BooleanField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "number":
         return new NumberField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "date":
         return new DateField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "string":
         return new StringField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "select":
         return new SelectField({
-          fieldValidators: [],
           label: "",
           options: [],
           required: false,
@@ -33101,14 +34552,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         });
       case "multi-string":
         return new MultiStringField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "multi-select":
         return new MultiSelectField({
-          fieldValidators: [],
           label: "",
           options: [],
           required: false,
@@ -33116,21 +34565,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         });
       case "upload":
         return new UploadField({
-          fieldValidators: [],
           label: "",
           required: false,
-          identifier: uuid.v4()
+          identifier: uuid.v4(),
+          maximum_files: 6,
+          maximum_size: maxFileSizeMB
         });
       case "qr":
         return new ScanField({
-          fieldValidators: [],
           label: "",
           required: false,
           identifier: uuid.v4()
         });
       case "radio":
         return new RadioField({
-          fieldValidators: [],
           label: "",
           options: [],
           required: false,
@@ -33138,21 +34586,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         });
       case "checkbox-list":
         return new CheckboxListField({
-          fieldValidators: [],
           label: "",
           options: [],
           required: false,
           identifier: uuid.v4()
         });
+      case "pass-fail":
+        return new PassFailField({
+          label: "",
+          required: false,
+          identifier: uuid.v4(),
+          showNotesAndFilesOn: ["fail"]
+          // TODO: what defaults
+        });
       case "otp":
         return new OTPField({
-          fieldValidators: [],
           label: "",
           validationType: "none",
           required: false,
           identifier: uuid.v4(),
           length: 6
         });
+      case "rating":
+        return new RatingField({
+          label: "",
+          required: false,
+          identifier: uuid.v4(),
+          maxRating: 5
+        });
     }
   };
   const createCondition = (field) => {
@@ -33236,6 +34697,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           conditionModifier: "equals",
           field
         });
+      case "pass-fail":
+        return new PassFailFieldCondition({
+          id: uuid.v4(),
+          conditionValue: void 0,
+          conditionModifier: "equals",
+          field
+        });
       case "otp":
         return new OTPFieldCondition({
           id: uuid.v4(),
@@ -33243,6 +34711,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           conditionModifier: "equals",
           field
         });
+      case "rating":
+        return new RatingFieldCondition({
+          id: uuid.v4(),
+          conditionValue: void 0,
+          conditionModifier: "equals",
+          field
+        });
     }
   };
   const getFieldCreationSchema = (type, path) => {
@@ -33263,8 +34738,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return TextField.getFieldCreationSchema(path);
       case "upload":
         return UploadField.getFieldCreationSchema(path);
+      case "pass-fail":
+        return PassFailField.getFieldCreationSchema(path);
       case "otp":
         return OTPField.getFieldCreationSchema(path);
+      case "rating":
+        return RatingField.getFieldCreationSchema(path);
       default:
         return;
     }
@@ -33282,7 +34761,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           accentColor: "base",
           ...hasError && { color: SEVERITY_COLOR_MAPPING.danger },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "settings" }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Settings }),
             "Settings"
           ]
         },
@@ -33293,7 +34772,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   FieldSettingsPopover.displayName = "FieldSettingsPopover";
   const FieldBuilder = React.memo((props) => {
-    const { parentPath, index, field } = props;
+    const { parentPath, fieldIndex, field } = props;
     const { errors } = formik.useFormikContext();
     const openImageViewer = useImageViewer();
     const { disableRequiredFields } = React.use(FormBuilderContext);
@@ -33309,17 +34788,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleImageDelete = React.useCallback(() => {
       field.setOptions({ image: void 0 });
     }, [field]);
-    const type = field.type;
     const [directlyShownFields, popoverFields] = React.useMemo(() => {
       const directlyShownFields2 = [];
       const popoverFields2 = [];
-      const fieldObject = getFieldCreationSchema(field.type, `${parentPath}.${index}`) ?? [];
+      const fieldObject = getFieldCreationSchema(field.type, `${parentPath}.${fieldIndex}`) ?? [];
       for (const item of fieldObject) {
         if (item.showDirectly) directlyShownFields2.push(item.field);
         else popoverFields2.push(item.field);
       }
       return [directlyShownFields2, popoverFields2];
-    }, [field, parentPath, index]);
+    }, [field, parentPath, fieldIndex]);
     const directlyShownInputs = useFieldInputs(directlyShownFields, {
       formId,
       disabled: false
@@ -33344,7 +34822,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 w-full justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { accentColor: "base", variant: "soft", size: "sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[type] }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[field.type] }),
             fieldTypeName
           ] }),
           !disableRequiredFields && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -33354,7 +34832,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 checked: field.required,
                 onCheckedChange: (required) => field.setOptions({ required: !!required }),
                 size: "sm",
-                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }) })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", children: "Required" })
@@ -33382,7 +34860,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "aria-label": "delete",
             onClick: handleImageDelete,
             size: "sm",
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash })
           }
         )
       ] }),
@@ -33413,46 +34891,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   });
   FieldBuilder.displayName = "FieldBuilder";
-  const FieldDropdownMenu = React.memo((props) => {
-    const { children, variant, size, accentColor, fields, onSelectField, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { variant, size, accentColor, children: fields.map((field) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: () => onSelectField(field), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[field.type] }),
-          field.label || UNLABELLED_FIELD_LABEL
-        ] }, field.identifier);
-      }) })
-    ] });
-  });
-  FieldDropdownMenu.displayName = "IssueDataFilterMenu";
-  const FieldSectionDropdownMenu = React.memo((props) => {
-    const { children, variant, size, accentColor, fieldSections, onSelectFieldCondition, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { ...rest, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { variant, size, accentColor, children: fieldSections.map((fieldSection) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: () => onSelectFieldCondition(fieldSection), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[fieldSection.type] }),
-          fieldSection.label || UNLABELLED_SECTION_LABEL
-        ] }, fieldSection.identifier);
-      }) })
-    ] });
-  });
-  FieldSectionDropdownMenu.displayName = "IssueDataFilterMenu";
-  const FieldWithActions = React.memo((props) => {
-    const { field, fieldSection, index, sectionIndex, remove } = props;
-    const { showError } = blocks.useToast();
+  const FieldBuilderWithActions = React.memo((props) => {
+    const { field, fieldSection, fieldIndex, sectionIndex } = props;
     const fileInputRef = React.useRef(null);
     const parentPath = `fields.${sectionIndex}.fields`;
+    const handleAddField = React.useCallback(
+      (type) => {
+        fieldSection.addField(createField(type), fieldIndex + 1);
+      },
+      [fieldIndex, fieldSection]
+    );
     const duplicateField = React.useCallback(() => {
       fieldSection.addField(field.duplicate(uuid.v4()));
     }, [field, fieldSection]);
     const moveField = React.useCallback(
       (direction) => {
         const targetIndex = direction === "up" ? sectionIndex - 1 : sectionIndex + 1;
-        fieldSection.moveField(index, targetIndex);
+        fieldSection.moveField(fieldIndex, targetIndex);
       },
-      [fieldSection, index, sectionIndex]
+      [fieldSection, fieldIndex, sectionIndex]
     );
     const uploadImage = React.useCallback(
       (event) => {
@@ -33461,7 +34918,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const file = files.item(0);
         if (!file) return;
         if (file.size > maxFileSizeB) {
-          showError({
+          blocks.toast.error({
             title: "File upload error",
             description: `The file ${file.name} exceeded the maximum file size`
           });
@@ -33471,7 +34928,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           image: file
         });
       },
-      [field, showError]
+      [field]
     );
     const handleMoveUp = React.useCallback(() => {
       moveField("up");
@@ -33484,21 +34941,48 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
     }, []);
     const handleRemove = React.useCallback(() => {
-      remove(field);
-    }, [field, remove]);
+      fieldSection.removeField(field);
+    }, [field, fieldSection]);
     return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Card, { className: "flex items-center justify-between gap-4 w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { index, field, parentPath }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { fieldIndex, field, parentPath }),
       /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex-col gap-0.5 flex", variant: "ghost", accentColor: "base", size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "move-up" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "move-down" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: duplicateField, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "copy" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleUploadImage, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "image" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleRemove, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: MoveUp }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: MoveDown }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: duplicateField, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Copy }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleUploadImage, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Image }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleRemove, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("input", { className: "hidden", ref: fileInputRef, type: "file", accept: "image/*", onChange: uploadImage })
     ] });
   });
-  FieldWithActions.displayName = "FieldWithActions";
+  FieldBuilderWithActions.displayName = "FieldBuilderWithActions";
+  const FieldDropdownMenu = React.memo((props) => {
+    const { children, variant, size, accentColor, fields, onSelectField, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { variant, size, accentColor, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: fields.map((field) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: () => onSelectField(field), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[field.type] }),
+          field.label || UNLABELLED_FIELD_LABEL
+        ] }, field.identifier);
+      }) }) })
+    ] });
+  });
+  FieldDropdownMenu.displayName = "IssueDataFilterMenu";
+  const FieldSectionDropdownMenu = React.memo((props) => {
+    const { children, variant, size, accentColor, fieldSections, onSelectFieldCondition, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { variant, size, accentColor, children: fieldSections.map((fieldSection) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: () => onSelectFieldCondition(fieldSection), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[fieldSection.type] }),
+          fieldSection.label || UNLABELLED_SECTION_LABEL
+        ] }, fieldSection.identifier);
+      }) })
+    ] });
+  });
+  FieldSectionDropdownMenu.displayName = "IssueDataFilterMenu";
   const FieldSectionConditionEdgeComponent = React.memo((props) => {
     const { id, sourceX, sourceY, targetX, targetY, style, markerEnd, data } = props;
     const { targetSection, sourceSection, layoutDirection } = data;
@@ -33552,7 +35036,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     variant: "surface",
                     size: "xs",
                     accentColor: "base",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus })
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
@@ -33566,7 +35050,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                       accentColor: "base",
                       color: "danger",
                       onClick: handleDelete,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash })
                     }
                   ) }),
                   /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Remove conditional logic" })
@@ -33582,27 +35066,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] });
   });
   FieldSectionConditionEdgeComponent.displayName = "FieldSectionConditionEdgeComponent";
-  const useFieldTypeItems = (onSelect = () => null) => {
-    return React.useMemo(() => {
-      const entries = Object.entries(FieldTypeToClsMapping);
-      return entries.map(([type, fieldClass]) => ({
-        children: fieldClass.fieldTypeName,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons[type] }),
-        value: type,
-        onSelect: () => {
-          onSelect(type);
-        }
-      }));
-    }, [onSelect]);
-  };
   const FieldSectionNodeComponent = React.memo((props) => {
     const { data, selected } = props;
     const { fieldSection, index: sectionIndex, layoutDirection } = data;
     const fieldSchema = React.use(FieldSchemaContext);
-    const removeSection = React.useCallback(() => {
+    const handleRemoveSection = React.useCallback(() => {
       fieldSchema.removeFieldSection(fieldSection);
     }, [fieldSchema, fieldSection]);
-    const addField = React.useCallback(
+    const handleAddField = React.useCallback(
       (type) => {
         fieldSection.addField(createField(type));
       },
@@ -33616,13 +35087,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleDuplicate = React.useCallback(() => {
       fieldSchema.addFieldSection(fieldSection.duplicate(uuid.v4()));
     }, [fieldSchema, fieldSection]);
-    const fieldTypeItems = useFieldTypeItems(addField);
-    const removeField = React.useCallback(
-      (field) => {
-        fieldSection.removeField(field);
-      },
-      [fieldSection]
-    );
     return /* @__PURE__ */ jsxRuntime.jsxs(
       blocks.Card,
       {
@@ -33656,25 +35120,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { weight: "bold", children: "Fields" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }),
-                  " Add field"
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: item.onSelect, children: [
-                  item.icon,
-                  item.children
-                ] }, item.value)) }) })
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }),
+                " Add field"
+              ] }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: fieldSection.fields.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              FieldWithActions,
+              FieldBuilderWithActions,
               {
                 field: child,
                 fieldSection,
-                index,
-                sectionIndex,
-                remove: removeField
+                fieldIndex: index,
+                sectionIndex
               },
               child.identifier
             )) })
@@ -33695,9 +35152,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   size: "xs",
                   onClick: (e) => e.stopPropagation(),
                   children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex flex-col gap-2", variant: "surface", size: "xs", accentColor: "base", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleAddBranch, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "git-branch" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleDuplicate, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "copy" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: removeSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleAddBranch, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: GitBranch }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleDuplicate, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Copy }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleRemoveSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash }) })
                   ] })
                 }
               )
@@ -33914,7 +35371,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(react.Panel, { position: "top-left", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { className: "flex items-center justify-end gap-2", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "surface", onClick: handleAddSection, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }),
+          /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }),
           " Add section"
         ] }) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Panel, { position: "top-right", className: "flex flex-col items-center gap-2", children: [
@@ -33928,16 +35385,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               value: layoutDirection,
               onValueChange: setLayoutDirection,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.ToggleGroup.IconItem, { className: "rounded-b-none", value: "LR", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "arrow-right-left" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.ToggleGroup.IconItem, { className: "rounded-t-none", value: "TB", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "arrow-down-up" }) })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.ToggleGroup.IconItem, { className: "rounded-b-none", value: "LR", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: ArrowLeftRight }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.ToggleGroup.IconItem, { className: "rounded-t-none", value: "TB", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: ArrowDownUp }) })
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { size: "sm" }),
           /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex flex-col ", size: "sm", accentColor: "base", variant: "soft", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { className: "rounded-b-none", onClick: () => reactFlow == null ? void 0 : reactFlow.zoomIn(), type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: () => reactFlow == null ? void 0 : reactFlow.zoomOut(), radius: "none", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "minus" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { className: "rounded-t-none", onClick: () => reactFlow == null ? void 0 : reactFlow.fitView(), type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "square-dashed" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { className: "rounded-b-none", onClick: () => reactFlow == null ? void 0 : reactFlow.zoomIn(), type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: () => reactFlow == null ? void 0 : reactFlow.zoomOut(), radius: "none", type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Minus }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { className: "rounded-t-none", onClick: () => reactFlow == null ? void 0 : reactFlow.fitView(), type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: SquareDashed }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(react.Panel, { position: "bottom-right", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex items-center justify-end gap-2", size: "sm", children: [
@@ -33975,7 +35432,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: fieldIcons.section }),
           sourceFieldSection.label ?? UNLABELLED_SECTION_LABEL
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleDelete, variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleDelete, variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-max w-full flex-wrap gap-2", children: [
         conditions.map((condition) => {
@@ -33983,7 +35440,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             onRemove: handleDeleteCondition
           });
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(FieldDropdownMenu, { fields: sourceFieldSection.fields, onSelectField: handleSelectField, align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(FieldDropdownMenu, { fields: sourceFieldSection.fields, onSelectField: handleSelectField, align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }) }) })
       ] })
     ] });
   });
@@ -34045,7 +35502,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               fieldSections: validFieldSections,
               onSelectFieldCondition: handleAddConditional,
               children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", size: "sm", className: "w-max", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }),
                 "Add condition"
               ] })
             }
@@ -34065,15 +35522,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   FieldSectionBuilder.displayName = "FieldSectionBuilder";
   const FieldSectionWithActions = React.memo((props) => {
-    const { fieldSection, index: sectionIndex } = props;
+    const { fieldSection, sectionIndex } = props;
     const fieldSchema = React.use(FieldSchemaContext);
-    const removeField = React.useCallback(
-      (field) => {
-        fieldSection.removeField(field);
-      },
-      [fieldSection]
-    );
-    const removeSection = React.useCallback(() => {
+    const handleRemoveSection = React.useCallback(() => {
       fieldSchema.removeFieldSection(fieldSection);
     }, [fieldSchema, fieldSection]);
     const moveSection = React.useCallback(
@@ -34086,7 +35537,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const duplicateSection = React.useCallback(() => {
       fieldSchema.addFieldSection(fieldSection.duplicate(uuid.v4()));
     }, [fieldSchema, fieldSection]);
-    const handleCreateField = React.useCallback(
+    const handleAddField = React.useCallback(
       (type) => {
         fieldSection.addField(createField(type));
       },
@@ -34098,42 +35549,34 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const handleMoveDown = React.useCallback(() => {
       moveSection("down");
     }, [moveSection]);
-    const fieldTypeItems = useFieldTypeItems(handleCreateField);
     return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Card, { variant: "outline", className: "flex items-center justify-between gap-4 w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex grow flex-col gap-4 w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsx(FieldSectionBuilder, { fieldSection }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { accentColor: "base", size: "md", children: "Fields" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Root, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.ClickTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", size: "sm", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }),
-                " Add field"
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.Item, { onSelect: item.onSelect, children: [
-                item.icon,
-                item.children
-              ] }, item.value)) }) })
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", size: "sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }),
+              " Add field"
+            ] }) })
           ] }),
           fieldSection.fields.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            FieldWithActions,
+            FieldBuilderWithActions,
             {
               field: child,
               fieldSection,
-              index,
-              sectionIndex,
-              remove: removeField
+              fieldIndex: index,
+              sectionIndex
             },
             child.identifier
           ))
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { className: "flex-col gap-0.5 flex", variant: "ghost", accentColor: "base", size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "move-up" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "move-down" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: duplicateSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "copy" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: removeSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: MoveUp }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: MoveDown }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: duplicateSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Copy }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", onClick: handleRemoveSection, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Trash }) })
       ] })
     ] });
   });
@@ -34182,7 +35625,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-        fieldSchema.fieldSections.map((fieldSection, index) => /* @__PURE__ */ jsxRuntime.jsx(FieldSectionWithActions, { fieldSection, index }, fieldSection.identifier)),
+        fieldSchema.fieldSections.map((fieldSection, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          FieldSectionWithActions,
+          {
+            fieldSection,
+            sectionIndex: index
+          },
+          fieldSection.identifier
+        )),
         /* @__PURE__ */ jsxRuntime.jsxs(
           blocks.Button,
           {
@@ -34193,7 +35643,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             size: "sm",
             onClick: handleCreateEmptySection,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Plus }),
               " Add section"
             ]
           }
@@ -34229,59 +35679,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     if (Object.keys(errors).length > 0) return errors;
   };
-  const initializeFieldValues = (fields, values) => {
-    const ret = {};
-    for (const field of fields) {
-      const value = values[field.identifier];
-      ret[field.identifier] = value !== void 0 ? value : field.blankValue();
-    }
-    return ret;
-  };
-  const changedFieldValues = (fields, values1, values2) => {
-    const ret = {};
-    for (const field of fields) {
-      const value1 = values1[field.identifier];
-      const value2 = values2[field.identifier];
-      if (field.areValuesEqual(value1, value2)) continue;
-      ret[field.identifier] = value2;
-    }
-    return ret;
-  };
-  const unchangedFieldValues = (fields, values1, values2) => {
-    const ret = {};
+  const cleanFields = (fields, values) => {
+    const errors = {};
+    const sectionElements = fields.filter((f) => f instanceof FieldSection);
     for (const field of fields) {
-      const value1 = values1[field.identifier];
-      const value2 = values2[field.identifier];
-      if (!field.areValuesEqual(value1, value2)) continue;
-      ret[field.identifier] = value2;
+      if (field instanceof FieldSection) {
+        const conditionalSections = sectionElements.filter((section) => field.identifier in section.conditions);
+        const conditionMet = conditionalSections.length > 0 ? conditionalSections.some(
+          (conditionalSection) => applyConditions(conditionalSection.getConditions(field.identifier), values)
+        ) : true;
+        if (conditionMet) continue;
+      } else {
+        if (!(field instanceof BaseField)) {
+          throw new Error("Invalid field type");
+        }
+        const id = field.identifier;
+        const error = field.getError(get(values, id));
+        if (error) set(errors, id, error);
+      }
     }
-    return ret;
-  };
-  const isArrayOfFiles = (value) => {
-    return Array.isArray(value) && value[0] instanceof File;
-  };
-  const separateFilesFromFieldValues = (values) => {
-    const files = {};
-    const newValues = {};
-    for (const key in values) {
-      const value = values[key];
-      if (value instanceof File) {
-        files[key] = [value];
-      } else if (isArrayOfFiles(value)) {
-        files[key] = value;
-      } else if (value !== void 0) {
-        newValues[key] = value;
-      }
-    }
-    return { values: newValues, files };
+    if (Object.keys(errors).length > 0) return errors;
   };
-  const separateFilesFromFields = async (fields) => {
+  const separateImagesFromFields = async (fields) => {
     const images = {};
     const newFields = [];
     for (const section of fields) {
-      if (section.type !== "section") {
-        throw new Error(`Expected ISerializedField type to be a section. Got ${section.type} instead.`);
-      }
       const { fields: sectionFields } = section;
       const newSectionFields = [];
       for (const field of sectionFields) {
@@ -34303,16 +35725,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return { fields: newFields, images };
   };
-  async function awaitPromisesFromFieldValues(values) {
-    const valuesWithoutFiles = {};
+  async function awaitFilesAndPromises(values) {
+    const ret = {};
     for (const [key, value] of Object.entries(values)) {
-      if (Array.isArray(value) && value.some((item) => item instanceof UUIDPromise)) {
-        valuesWithoutFiles[key] = await Promise.all(value);
-      } else {
-        valuesWithoutFiles[key] = value;
-      }
+      ret[key] = await Promise.all(value);
     }
-    return valuesWithoutFiles;
+    return ret;
   }
   const FormRenderer = React.memo(
     React.forwardRef((props, ref) => {
@@ -34341,9 +35759,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }, [schema.fields, values]);
       const handleSubmit = React.useCallback(
         (values2) => {
-          onSubmit == null ? void 0 : onSubmit(
+          void (onSubmit == null ? void 0 : onSubmit(
             excludeUnchangedFields ? changedFieldValues(flattenFields(schema.fields), initialValues, values2) : values2
-          );
+          ));
         },
         [excludeUnchangedFields, initialValues, onSubmit, schema.fields]
       );
@@ -34408,13 +35826,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   variant: "soft",
                   onClick: onCancel,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: X }),
                     cancelText
                   ]
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...buttonProps, type: "submit", accentColor: "primary", variant: "surface", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: Check }),
                 submitText
               ] })
             ] })
@@ -34453,43 +35871,39 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       enableReinitialize = false,
       disableRequiredFields = false
     } = props;
-    const { showError } = blocks.useToast();
-    const validate = React.useCallback(
-      (form) => {
-        var _a2;
-        const errors = {};
-        if (!form.title) {
-          errors.title = "Title is required.";
-        }
-        if (!form.fields || form.fields.length === 0) {
-          errors.fields = "At least one field is required.";
-        }
-        const fieldsToValidate = [];
-        for (const [sectionIndex, section] of form.fields.entries())
-          for (const [fieldIndex, field] of section.fields.entries()) {
-            const fieldSettings = ((_a2 = getFieldCreationSchema(field.type, `fields.${sectionIndex}.fields.${fieldIndex}`)) == null ? void 0 : _a2.map(
-              ({ field: field2 }) => field2
-            )) ?? [];
-            fieldsToValidate.push(...fieldSettings);
-          }
-        const values = {};
-        for (const field of fieldsToValidate) {
-          values[field.identifier] = get(form, field.identifier);
-        }
-        const fieldErrors = validateFields(fieldsToValidate, values);
-        if (fieldErrors) {
-          errors.fields = fieldErrors.fields;
-        }
-        if (Object.keys(errors).length > 0) {
-          showError({
-            title: "Some form settings are invalid",
-            description: "Please check settings highlighted in red."
-          });
-          return errors;
-        }
-      },
-      [showError]
-    );
+    const validate = React.useCallback((form) => {
+      var _a2;
+      const errors = {};
+      if (!form.title) {
+        errors.title = "Title is required.";
+      }
+      if (!form.fields || form.fields.length === 0) {
+        errors.fields = "At least one field is required.";
+      }
+      const fieldsToValidate = [];
+      for (const [sectionIndex, section] of form.fields.entries())
+        for (const [fieldIndex, field] of section.fields.entries()) {
+          const fieldSettings = ((_a2 = getFieldCreationSchema(field.type, `fields.${sectionIndex}.fields.${fieldIndex}`)) == null ? void 0 : _a2.map(
+            ({ field: field2 }) => field2
+          )) ?? [];
+          fieldsToValidate.push(...fieldSettings);
+        }
+      const values = {};
+      for (const field of fieldsToValidate) {
+        values[field.identifier] = get(form, field.identifier);
+      }
+      const fieldErrors = validateFields(fieldsToValidate, values);
+      if (fieldErrors) {
+        errors.fields = fieldErrors.fields;
+      }
+      if (Object.keys(errors).length > 0) {
+        blocks.toast.error({
+          title: "Some form settings are invalid",
+          description: "Please check settings highlighted in red."
+        });
+        return errors;
+      }
+    }, []);
     const initialValues = React.useMemo(
       () => ({
         title: initialTitle ?? "",
@@ -34508,7 +35922,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
     const observer = React.useCallback(
       (fieldSchema) => {
-        formik$1.setFieldValue("fields", fieldSchema.serialize());
+        void formik$1.setFieldValue("fields", fieldSchema.serialize());
       },
       [formik$1]
     );
@@ -34549,6 +35963,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.CheckboxListFieldCondition = CheckboxListFieldCondition;
   exports2.CheckboxListFieldConditionCell = CheckboxListFieldConditionCell;
   exports2.CheckboxListInput = CheckboxListInput;
+  exports2.ConditionManager = ConditionManager;
   exports2.DateAfterConditionModifier = DateAfterConditionModifier;
   exports2.DateBeforeConditionModifier = DateBeforeConditionModifier;
   exports2.DateEqualsConditionModifier = DateEqualsConditionModifier;
@@ -34599,10 +36014,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.OTPFieldCondition = OTPFieldCondition;
   exports2.OTPFieldConditionCell = OTPFieldConditionCell;
   exports2.OTPInput = OTPInput;
+  exports2.Observable = Observable;
+  exports2.PassFailArrayExcludesConditionModifier = PassFailArrayExcludesConditionModifier;
+  exports2.PassFailArrayIncludesConditionModifier = PassFailArrayIncludesConditionModifier;
+  exports2.PassFailEqualsConditionModifier = PassFailEqualsConditionModifier;
+  exports2.PassFailField = PassFailField;
+  exports2.PassFailFieldCondition = PassFailFieldCondition;
+  exports2.PassFailFieldConditionCell = PassFailFieldConditionCell;
+  exports2.PassFailInput = PassFailInput;
+  exports2.PassFailNotEqualsConditionModifier = PassFailNotEqualsConditionModifier;
   exports2.RadioField = RadioField;
   exports2.RadioFieldCondition = RadioFieldCondition;
   exports2.RadioFieldConditionCell = RadioFieldConditionCell;
   exports2.RadioInput = RadioInput;
+  exports2.RatingField = RatingField;
+  exports2.RatingFieldCondition = RatingFieldCondition;
+  exports2.RatingFieldConditionCell = RatingFieldConditionCell;
+  exports2.RatingInput = RatingInput;
   exports2.SEVERITY_COLOR_MAPPING = SEVERITY_COLOR_MAPPING;
   exports2.SHORT_TEXT_FIELD_MAX_LENGTH = SHORT_TEXT_FIELD_MAX_LENGTH;
   exports2.ScanField = ScanField;
@@ -34634,15 +36062,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.TextFieldCondition = TextFieldCondition;
   exports2.TextFieldConditionCell = TextFieldConditionCell;
   exports2.TextInput = TextInput;
+  exports2.UUIDFile = UUIDFile;
   exports2.UUIDPromise = UUIDPromise;
   exports2.UploadField = UploadField;
   exports2.UploadFieldCondition = UploadFieldCondition;
   exports2.UploadFieldConditionCell = UploadFieldConditionCell;
   exports2.UploadInput = UploadInput;
   exports2.applyConditions = applyConditions;
-  exports2.awaitPromisesFromFieldValues = awaitPromisesFromFieldValues;
+  exports2.areFileAndPromiseArraysEqual = areFileAndPromiseArraysEqual;
+  exports2.arePassFieldValuesEqual = arePassFieldValuesEqual;
+  exports2.awaitFilesAndPromises = awaitFilesAndPromises;
   exports2.changedFieldValues = changedFieldValues;
   exports2.cleanFieldValues = cleanFieldValues;
+  exports2.cleanFields = cleanFields;
   exports2.cleanSerializedFieldValues = cleanSerializedFieldValues;
   exports2.createCondition = createCondition;
   exports2.createConditionModifierConfig = createConditionModifierConfig;
@@ -34654,18 +36086,28 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.deserializeFieldValues = deserializeFieldValues;
   exports2.deserializeFields = deserializeFields;
   exports2.deserializeOnlyFields = deserializeOnlyFields;
+  exports2.deserializePassFailFieldValue = deserializePassFailFieldValue;
+  exports2.extractFilesAndPromisesFromFieldValues = extractFilesAndPromisesFromFieldValues;
   exports2.fieldIcons = fieldIcons;
   exports2.flattenFields = flattenFields;
   exports2.getFieldsMapping = getFieldsMapping;
   exports2.initializeFieldValues = initializeFieldValues;
+  exports2.insertFilesAndPromisesToFieldValues = insertFilesAndPromisesToFieldValues;
+  exports2.isFileAndPromiseArray = isFileAndPromiseArray;
+  exports2.isPassFailFieldStatus = isPassFailFieldStatus;
+  exports2.isPassFailFieldValue = isPassFailFieldValue;
+  exports2.isSerializedPassFailFieldValue = isSerializedPassFailFieldValue;
   exports2.isStringArray = isStringArray;
   exports2.maxFileSizeB = maxFileSizeB;
   exports2.maxFileSizeKB = maxFileSizeKB;
   exports2.maxFileSizeMB = maxFileSizeMB;
-  exports2.separateFilesFromFieldValues = separateFilesFromFieldValues;
-  exports2.separateFilesFromFields = separateFilesFromFields;
+  exports2.passFailFieldStatusMapping = passFailFieldStatusMapping;
+  exports2.passFailFieldStatuses = passFailFieldStatuses;
+  exports2.separateImagesFromFields = separateImagesFromFields;
   exports2.serializeFieldValues = serializeFieldValues;
+  exports2.serializePassFailFieldValue = serializePassFailFieldValue;
   exports2.unchangedFieldValues = unchangedFieldValues;
+  exports2.useConditionManager = useConditionManager;
   exports2.useFieldInput = useFieldInput;
   exports2.useFieldInputs = useFieldInputs;
   exports2.useFormikInput = useFormikInput;
@@ -34674,3 +36116,4 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.validateFields = validateFields;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });
+//# sourceMappingURL=forms.umd.cjs.map