@overmap-ai/forms 1.0.32-react-flow-david-fixes.40 → 1.0.32

package/dist/forms.js

@@ -2,9 +2,9 @@ var __defProp = Object.defineProperty;
 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);
 import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { Card, LuIcon, Text, Spinner, Overlay, ButtonGroup, Tooltip, IconButton, Separator, Input, Badge, Checkbox, CheckboxGroup, Popover, Button, DayPicker, Menu, OneTimePasswordField, RadioGroup, TextArea, stopPropagation, Heading, useToast, ToggleGroup } from "@overmap-ai/blocks";
+import { Card, LuIcon, Text, Spinner, Overlay, ButtonGroup, Tooltip, IconButton, Separator, Input, Badge, Checkbox, CheckboxGroup, Popover, Button, DayPicker, Menu, OneTimePasswordField, RadioGroup, TextArea, Rating, stopPropagation, Heading, useToast, ToggleGroup } from "@overmap-ai/blocks";
 import { cx } from "class-variance-authority";
-import { memo, forwardRef, createContext, useContext, useRef, useCallback, useState, useEffect, useMemo, Fragment, use, useLayoutEffect, useId } from "react";
+import { forwardRef, createElement, memo, createContext, useContext, useRef, useCallback, useState, useEffect, useMemo, Fragment, use, useLayoutEffect, useId } from "react";
 import "@xyflow/react/dist/style.css";
 import { getBezierPath, Position, BaseEdge, EdgeLabelRenderer, NodeToolbar, Handle, MarkerType, useNodesState, useEdgesState, ReactFlow, Panel } from "@xyflow/react";
 import { useField, useFormikContext, useFormik, FormikProvider } from "formik";
@@ -17,11 +17,609 @@ import { DecodeHintType as DecodeHintType$2, useZxing } from "react-zxing";
 import get from "lodash.get";
 import Dagre from "@dagrejs/dagre";
 import set from "lodash.set";
+/**
+ * @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 = forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => 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]) => 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 = forwardRef(
+    ({ className, ...props }, ref) => 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 = memo(
   forwardRef((props, ref) => {
     const { file, className, error, rightSlot, ...rest } = props;
     return /* @__PURE__ */ jsxs(Card, { className: cx(className, "flex w-full items-center gap-2 text-sm"), ref, ...rest, children: [
-      error ? /* @__PURE__ */ jsx(LuIcon, { icon: "file-question-mark" }) : /* @__PURE__ */ jsx(LuIcon, { icon: "file", color: "var(--base-a11)" }),
+      error ? /* @__PURE__ */ jsx(LuIcon, { icon: FileQuestionMark }) : /* @__PURE__ */ jsx(LuIcon, { icon: File$1, color: "var(--base-a11)" }),
       !error ? file ? /* @__PURE__ */ jsx(Text, { className: "truncate", children: file.name }) : /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(Text, { accentColor: "danger", className: "truncate", children: error }),
       rightSlot
     ] });
@@ -79,12 +677,11 @@ class BaseFormElement extends Observable {
 }
 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
@@ -97,7 +694,6 @@ class BaseField extends BaseFormElement {
     this.description = description;
     this.required = required;
     this.image = image;
-    this.fieldValidators = fieldValidators;
   }
   getError(value) {
     if (this.required && this.isValueBlank(value)) {
@@ -123,24 +719,22 @@ class BaseField extends BaseFormElement {
       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");
@@ -184,15 +778,15 @@ const ImageViewer = memo((props) => {
         variant: "ghost",
         children: [
           /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
-            /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsx(LuIcon, { icon: "copy" }) }) }),
+            /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsx(LuIcon, { icon: Copy }) }) }),
             /* @__PURE__ */ jsx(Tooltip.Content, { size: "sm", children: "Copy" })
           ] }),
           /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
-            /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsx(LuIcon, { icon: "download" }) }) }),
+            /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsx(LuIcon, { icon: Download }) }) }),
             /* @__PURE__ */ jsx(Tooltip.Content, { size: "sm", children: "Download" })
           ] }),
           /* @__PURE__ */ jsx(Separator, { orientation: "vertical", size: "sm" }),
-          /* @__PURE__ */ jsx(Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" }) }) })
+          /* @__PURE__ */ jsx(Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) }) })
         ]
       }
     ),
@@ -326,12 +920,11 @@ const useFormikInput = (props) => {
   ];
 };
 const MultiStringInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
   const computedHelpText = showInputOnly ? null : helpText;
   const computedLabel = showInputOnly ? "" : label;
   const { value, name, onChange, onBlur } = fieldProps;
   const droppableId = `${inputId}-droppable`;
-  const { disabled } = rest;
   const [intermediateValue, setIntermediateValue] = useState("");
   const [internalError, setInternalError] = useState("");
   const updatedHelpText = internalError || computedHelpText;
@@ -418,7 +1011,7 @@ const MultiStringInput = memo((props) => {
               placeholder: field.placeholder,
               onBlur: handleInputBlur,
               name,
-              ...rest
+              disabled
             }
           ) }),
           /* @__PURE__ */ jsx(
@@ -431,7 +1024,7 @@ const MultiStringInput = memo((props) => {
               "aria-label": "Add option",
               disabled: !!internalError || disabled,
               onClick: addOption,
-              children: /* @__PURE__ */ jsx(LuIcon, { icon: "plus" })
+              children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus })
             }
           )
         ] })
@@ -478,7 +1071,7 @@ const MultiStringInput = memo((props) => {
                         onClick: () => {
                           handleDeleteOption(index);
                         },
-                        children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" })
+                        children: /* @__PURE__ */ jsx(LuIcon, { icon: X })
                       }
                     )
                   ]
@@ -630,7 +1223,7 @@ class BaseOptionsField extends BaseField {
   }
 }
 const BooleanInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
   const computedLabel = showInputOnly ? "" : label;
@@ -665,8 +1258,8 @@ const BooleanInput = memo((props) => {
           size: "sm",
           accentColor: "primary",
           variant: "surface",
-          ...rest,
-          children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          disabled,
+          children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         }
       )
     }
@@ -695,7 +1288,6 @@ const _BooleanField = class _BooleanField extends BaseField {
     });
   }
   static deserialize(data) {
-    if (data.type !== "boolean") throw new Error("Type mismatch.");
     return new _BooleanField(data);
   }
   serializeValue(value) {
@@ -726,7 +1318,7 @@ let BooleanField = _BooleanField;
 const NumberInput = memo((props) => {
   const [
     { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-    rest
+    { disabled }
   ] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
@@ -772,7 +1364,7 @@ const NumberInput = memo((props) => {
           max: field.maximum,
           step: field.integers ? 1 : 0.1,
           placeholder: field.placeholder ?? "Enter a number",
-          ...rest
+          disabled
         }
       ) })
     }
@@ -808,8 +1400,7 @@ const _NumberField = class _NumberField extends BaseField {
           description: "Minimum value",
           integers: true,
           required: false,
-          identifier: `${path}minimum`,
-          fieldValidators: []
+          identifier: `${path}minimum`
         }),
         showDirectly: false
       },
@@ -819,8 +1410,7 @@ const _NumberField = class _NumberField extends BaseField {
           description: "Maximum value",
           integers: true,
           required: false,
-          identifier: `${path}maximum`,
-          fieldValidators: []
+          identifier: `${path}maximum`
         }),
         showDirectly: false
       },
@@ -945,7 +1535,6 @@ class BaseStringField extends BaseField {
           identifier: `${path}minimum_length`,
           minimum: 0,
           maximum: 100,
-          fieldValidators: [],
           integers: true
         }),
         showDirectly: false
@@ -959,7 +1548,6 @@ class BaseStringField extends BaseField {
           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
         }),
@@ -1029,7 +1617,7 @@ class BaseStringField extends BaseField {
   }
 }
 const CheckboxListInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, field, showInputOnly, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, field, showInputOnly, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
   const { value, name, onChange, onBlur } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
   const computedLabel = showInputOnly ? "" : label;
@@ -1060,9 +1648,9 @@ const CheckboxListInput = memo((props) => {
           size: "sm",
           values: value,
           onValuesChange: handleChange,
-          ...rest,
+          disabled,
           children: field.options.map((option, index) => /* @__PURE__ */ jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-            /* @__PURE__ */ jsx(CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsx(CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) }) }),
+            /* @__PURE__ */ jsx(CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsx(CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) }) }),
             /* @__PURE__ */ jsx(Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
           ] }, `${inputId}-${option.value}-${index}`))
         }
@@ -1118,7 +1706,7 @@ __publicField(_CheckboxListField, "fieldTypeName", "Checkbox list");
 __publicField(_CheckboxListField, "fieldTypeDescription", "Allows the user to select a multiple options from a list.");
 let CheckboxListField = _CheckboxListField;
 const DateInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
   const { value, name, onChange, onBlur } = fieldProps;
   const [popoverOpen, setPopoverOpen] = useState(false);
   const computedHelpText = showInputOnly ? null : helpText;
@@ -1157,14 +1745,14 @@ const DateInput = memo((props) => {
             accentColor: "base",
             variant: "surface",
             size: "sm",
-            ...rest,
+            disabled,
             children: [
               value ? value.toLocaleString(void 0, {
                 year: "numeric",
                 month: "2-digit",
                 day: "2-digit"
               }) : "yyyy-mm-dd",
-              /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down" })
+              /* @__PURE__ */ jsx(LuIcon, { icon: ChevronDown })
             ]
           }
         ) }),
@@ -1235,7 +1823,7 @@ __publicField(_DateField, "fieldTypeName", "Date");
 __publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
 let DateField = _DateField;
 const MultiSelectInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
   const { value, name, onChange, onBlur } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
   const computedLabel = showInputOnly ? "" : label;
@@ -1272,16 +1860,16 @@ const MultiSelectInput = memo((props) => {
             type: "button",
             size: "sm",
             accentColor: "base",
-            ...rest,
+            disabled,
             children: [
               /* @__PURE__ */ jsx("span", { className: "truncate", children: value && value.length > 0 ? value.join(", ") : field.placeholder ?? "Select one or more..." }),
-              /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down" })
+              /* @__PURE__ */ jsx(LuIcon, { icon: ChevronDown })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(Menu.Content, { children: /* @__PURE__ */ jsx(Menu.Scroll, { children: /* @__PURE__ */ jsxs(Menu.MultiSelectGroup, { values: value, onValuesChange: handleChange, children: [
           /* @__PURE__ */ jsxs(Menu.SelectAllItem, { children: [
-            /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) }),
+            /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: Minus }) : /* @__PURE__ */ jsx(LuIcon, { icon: Check }) }),
             "Select all"
           ] }),
           field.options.map((option, index) => /* @__PURE__ */ jsxs(
@@ -1289,7 +1877,7 @@ const MultiSelectInput = memo((props) => {
             {
               value: option.value,
               children: [
-                /* @__PURE__ */ jsx(Menu.SelectedIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) }),
+                /* @__PURE__ */ jsx(Menu.SelectedIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) }),
                 option.label
               ]
             },
@@ -1358,7 +1946,7 @@ __publicField(_MultiSelectField, "fieldTypeName", "Multi-select");
 __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
 let MultiSelectField = _MultiSelectField;
 const SelectInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(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;
@@ -1392,15 +1980,15 @@ const SelectInput = memo((props) => {
             variant: "surface",
             type: "button",
             size: "sm",
-            ...rest,
+            disabled,
             children: [
               /* @__PURE__ */ jsx("span", { className: "truncate", children: currentOption ? currentOption.label : field.placeholder ?? "Select one..." }),
-              /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down" })
+              /* @__PURE__ */ jsx(LuIcon, { icon: ChevronDown })
             ]
           }
         ) }),
         /* @__PURE__ */ jsx(Menu.Content, { children: /* @__PURE__ */ jsx(Menu.Scroll, { children: /* @__PURE__ */ jsx(Menu.SelectGroup, { required: false, value: value ?? void 0, onValueChange: handleChange, children: field.options.map((option, index) => /* @__PURE__ */ jsxs(Menu.SelectItem, { value: option.value, children: [
-          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) }),
+          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) }),
           option.label
         ] }, `${inputId}-${option.value}-${index}`)) }) }) })
       ] })
@@ -1467,7 +2055,7 @@ let SelectField = _SelectField;
 const OTPInput = memo((props) => {
   const [
     { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-    { formId: formId2, autoComplete: _autoComplete, ...rest }
+    { formId: formId2, disabled }
   ] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
@@ -1486,17 +2074,10 @@ const OTPInput = memo((props) => {
     },
     [field, helpers, touched]
   );
-  const handleBlur = useCallback(
-    (e) => {
-      const { relatedTarget } = e;
-      if (relatedTarget instanceof Element && inputUuids.includes(relatedTarget.id)) {
-        return;
-      }
-      onChange(internalValue);
-      onBlur(internalValue);
-    },
-    [inputUuids, internalValue, onBlur, onChange]
-  );
+  const handleBlur = useCallback(() => {
+    onChange(internalValue);
+    onBlur(internalValue);
+  }, [internalValue, onBlur, onChange]);
   return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsx(
     InputWithLabel,
     {
@@ -1515,6 +2096,7 @@ const OTPInput = memo((props) => {
           onValueChange: handleChange,
           validationType: field.validationType,
           form: formId2,
+          disabled,
           orientation: "horizontal",
           dir: "ltr",
           type: "text",
@@ -1525,9 +2107,9 @@ const OTPInput = memo((props) => {
           accentColor: "base",
           variant: "surface",
           size: "sm",
-          ...rest,
+          onBlur: handleBlur,
           children: [
-            inputUuids.map((inputUuid) => /* @__PURE__ */ jsx(OneTimePasswordField.Input, { id: inputUuid, onBlur: handleBlur }, inputUuid)),
+            inputUuids.map((inputUuid) => /* @__PURE__ */ jsx(OneTimePasswordField.Input, { id: inputUuid }, inputUuid)),
             /* @__PURE__ */ jsx(OneTimePasswordField.HiddenInput, {})
           ]
         }
@@ -1557,8 +2139,7 @@ const _OTPField = class _OTPField extends BaseField {
           required: false,
           minimum: 1,
           maximum: 16,
-          identifier: `${path}length`,
-          fieldValidators: []
+          identifier: `${path}length`
         }),
         showDirectly: false
       },
@@ -1654,8 +2235,566 @@ const _OTPField = class _OTPField extends BaseField {
 __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(uuid, ...args) {
+    super(...args);
+    __publicField(this, "uuid");
+    this.uuid = uuid;
+  }
+  static from(uuid, file) {
+    return new UUIDFile(uuid, [file], file.name, {
+      lastModified: file.lastModified,
+      type: file.type
+    });
+  }
+}
+class UUIDPromise extends Promise {
+  constructor(executor, uuid) {
+    super(executor);
+    __publicField(this, "_uuid");
+    this._uuid = uuid;
+  }
+  get uuid() {
+    return this._uuid;
+  }
+  set uuid(uuid) {
+    this._uuid = uuid;
+  }
+  static from(promise, uuid) {
+    return new UUIDPromise((resolve, reject) => {
+      Promise.resolve(promise).then(resolve).catch(reject);
+    }, uuid);
+  }
+  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 = memo(
+  forwardRef((props, forwardedRef) => {
+    const { file, alt, error, rightSlot, className, ...rest } = props;
+    return /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: cx(className, "relative flex h-[200px] w-full flex-col gap-2 overflow-hidden items-center"),
+        ref: forwardedRef,
+        ...rest,
+        children: [
+          !file && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grow flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+          !!file && !error && /* @__PURE__ */ jsx(Card, { className: "flex max-w-full grow items-center !p-0 justify-center overflow-hidden bg-clip-padding", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              className: "max-w-full object-cover",
+              src: URL.createObjectURL(file),
+              alt: alt ?? file.name
+            }
+          ) }),
+          (!!file || !!error) && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx("flex w-full items-center gap-2 self-end", {
+                "bg-transparent": !file
+              }),
+              children: [
+                error ? /* @__PURE__ */ jsx(LuIcon, { icon: FileWarning }) : file && /* @__PURE__ */ jsx(LuIcon, { icon: File$1 }),
+                /* @__PURE__ */ jsx(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 = memo((props) => {
+  const { file, onRemove, disabled } = props;
+  const [resolvedFile, setResolvedFile] = useState(null);
+  const [error, setError] = useState(null);
+  const openImageViewer = useImageViewer();
+  const { url, name } = 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]);
+  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 = useCallback(
+    (event) => {
+      event.stopPropagation();
+      if (!resolvedFile) {
+        throw new Error("Cannot download a file that is not resolved.");
+      }
+      const blob = new Blob([resolvedFile]);
+      saveAs(blob, name);
+    },
+    [name, resolvedFile]
+  );
+  const handleDelete = useCallback(
+    (e) => {
+      e.stopPropagation();
+      onRemove();
+    },
+    [onRemove]
+  );
+  const handleImageCardClick = useCallback(() => {
+    if (!resolvedFile) return;
+    openImageViewer((closeFileViewer) => ({
+      file: resolvedFile,
+      onDelete: !disabled ? () => {
+        onRemove();
+        closeFileViewer();
+      } : void 0
+    }));
+  }, [disabled, onRemove, openImageViewer, resolvedFile]);
+  const rightSlotContent = useMemo(
+    () => /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": `Download ${name}`,
+          type: "button",
+          onClick: handleDownload,
+          disabled: !resolvedFile,
+          children: /* @__PURE__ */ jsx(LuIcon, { icon: Download })
+        }
+      ),
+      !disabled && /* @__PURE__ */ jsx(IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash }) })
+    ] }),
+    [disabled, handleDelete, handleDownload, name, resolvedFile]
+  );
+  return url ? /* @__PURE__ */ jsx(
+    ImageCard,
+    {
+      className: "cursor-pointer",
+      onClick: handleImageCardClick,
+      file: resolvedFile,
+      error: error ?? void 0,
+      rightSlot: rightSlotContent
+    }
+  ) : /* @__PURE__ */ jsx(FileCard, { file: resolvedFile, error: error ?? void 0, rightSlot: rightSlotContent });
+});
+DisplayFile.displayName = "DisplayFile";
+const PassFailInput = 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] = useState("");
+  const input = useRef(null);
+  const computedHelpText = showInputOnly ? null : helpText;
+  const computedLabel = showInputOnly ? "" : label;
+  const showNotesAndFiles = value.status && field.showNotesAndFilesOn.includes(value.status);
+  const handleStatusChange = useCallback(
+    (status) => {
+      const newValue = field.cleanValue({
+        ...value,
+        status
+      });
+      onChange(newValue);
+      onBlur(newValue);
+    },
+    [field, onBlur, onChange, value]
+  );
+  useEffect(() => {
+    setInternalNotes(value.notes);
+  }, [value]);
+  const handleNotesChange = 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 = useCallback(() => {
+    const newValue = {
+      ...value,
+      notes: internalNotes
+    };
+    onChange(newValue);
+    onBlur(newValue);
+  }, [internalNotes, onBlur, onChange, value]);
+  const handleRemoveFile = useCallback(
+    (index) => {
+      const files = [...value.files];
+      files.splice(index, 1);
+      onChange({
+        ...value,
+        files
+      });
+    },
+    [onChange, value]
+  );
+  const handleFileButtonClick = useCallback(() => {
+    var _a2;
+    (_a2 = input.current) == null ? void 0 : _a2.click();
+  }, []);
+  const handleFilesChange = useCallback(
+    (e) => {
+      const files = Array.from(e.target.files ?? []).map((file) => UUIDFile.from(v4(), file));
+      const newValue = {
+        ...value,
+        files: [...value.files, ...files]
+      };
+      onChange(newValue);
+      onBlur(newValue);
+    },
+    [onBlur, onChange, value]
+  );
+  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__ */ jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsx(
+    InputWithLabel,
+    {
+      size,
+      severity,
+      inputId,
+      labelId,
+      label: computedLabel,
+      image: showInputOnly ? void 0 : field.image,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          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__ */ jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
+                /* @__PURE__ */ jsx(RadioGroup.Item, { value: status, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Circle, className: "fill-current" }) }) }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", accentColor: "base", className: "truncate", children: label2 })
+              ] }, `${inputId}-${status}`);
+            })
+          }
+        ),
+        showNotesAndFiles && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            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__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                className: "w-max",
+                size: "sm",
+                variant: "soft",
+                accentColor: "base",
+                onClick: handleFileButtonClick,
+                type: "button",
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsx(LuIcon, { icon: Upload }),
+                  "Select files"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: filesInputId,
+                name,
+                type: "file",
+                ref: input,
+                multiple: true,
+                className: "hidden",
+                onChange: handleFilesChange,
+                value: ""
+              }
+            ),
+            value.files.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex h-max flex-col gap-2", children: value.files.map((file, index) => /* @__PURE__ */ 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__ */ 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 = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(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;
@@ -1690,10 +2829,10 @@ const RadioInput = memo((props) => {
           size: "sm",
           value: value ?? "",
           onValueChange: handleChange,
-          ...rest,
+          disabled,
           children: [
             field.options.map((option, index) => /* @__PURE__ */ jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-              /* @__PURE__ */ jsx(RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "chevron-down", className: "fill-current" }) }) }),
+              /* @__PURE__ */ jsx(RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsx(RadioGroup.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Circle, className: "fill-current" }) }) }),
               /* @__PURE__ */ jsx(Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
             ] }, `${inputId}-${option.value}-${index}`)),
             !!value && /* @__PURE__ */ jsxs(
@@ -1706,7 +2845,7 @@ const RadioInput = memo((props) => {
                 accentColor: "base",
                 size: "sm",
                 children: [
-                  /* @__PURE__ */ jsx(LuIcon, { icon: "x" }),
+                  /* @__PURE__ */ jsx(LuIcon, { icon: X }),
                   "Clear"
                 ]
               }
@@ -1767,6 +2906,149 @@ const _RadioField = class _RadioField extends BaseOptionsField {
 __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 = 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 = useCallback(
+    (value2) => {
+      onChange(value2);
+      onBlur(value2);
+    },
+    [onBlur, onChange]
+  );
+  const handleClear = useCallback(() => {
+    onChange(null);
+    onBlur(null);
+  }, [onBlur, onChange]);
+  const ratingOptions = Array.from({ length: field.maxRating }, (_, i) => i + 1);
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsx(
+    InputWithLabel,
+    {
+      size,
+      severity,
+      inputId,
+      labelId,
+      label: computedLabel,
+      image: showInputOnly ? void 0 : field.image,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-1 items-center", children: [
+        /* @__PURE__ */ jsx(
+          Rating.Root,
+          {
+            id: inputId,
+            name,
+            className: "flex items-center gap-0.5",
+            value,
+            onValueChange: handleChange,
+            disabled,
+            children: ratingOptions.map((rating) => /* @__PURE__ */ jsx(
+              Rating.Item,
+              {
+                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__ */ jsx(LuIcon, { icon: Star, className: "group-data-[active=true]:fill-current size-full" })
+              },
+              `${inputId}-${rating}`
+            ))
+          }
+        ),
+        !disabled && value !== null && /* @__PURE__ */ jsx(IconButton, { onClick: handleClear, type: "button", variant: "ghost", accentColor: "base", size: "sm", children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) })
+      ] })
+    }
+  ) });
+});
+RatingInput.displayName = "RatingInput";
+const _RatingField = class _RatingField extends BaseField {
+  constructor(options) {
+    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(),
+      maxRating: this.maxRating
+    };
+  }
+  getOptions() {
+    return {
+      ...super.getOptions(),
+      maxRating: this.maxRating
+    };
+  }
+  duplicate(identifier) {
+    return new _RatingField({
+      ...this.getOptions(),
+      identifier
+    });
+  }
+  setOptions(options) {
+    const { maxRating, ...rest } = options;
+    this.maxRating = maxRating ?? this.maxRating;
+    super.setOptions(rest);
+  }
+  static deserialize(data) {
+    return new _RatingField(data);
+  }
+  serializeValue(value) {
+    return value;
+  }
+  deserializeValue(value) {
+    return value;
+  }
+  render(props) {
+    return /* @__PURE__ */ jsx(RatingInput, { field: this, ...props });
+  }
+  isSerializedValueValid(value) {
+    return typeof value === "number" || value === null;
+  }
+  isValueValid(value) {
+    return typeof value === "number" || value === null;
+  }
+  areValuesEqual(value1, value2) {
+    return value1 === value2;
+  }
+  blankValue() {
+    return null;
+  }
+};
+__publicField(_RatingField, "fieldTypeName", "Rating");
+__publicField(_RatingField, "fieldTypeDescription", "Allows users to select a rating value.");
+let RatingField = _RatingField;
+const ScannerContext = createContext(() => {
+  throw new Error("No ScannerProvider found");
+});
+const useScanner = () => use(ScannerContext);
 function fixProto(target, prototype) {
   var setPrototypeOf = Object.setPrototypeOf;
   setPrototypeOf ? setPrototypeOf(target, prototype) : target.__proto__ = prototype;
@@ -29901,15 +31183,38 @@ const ScannerInternal = memo((props) => {
     hints: SCANNER_HINTS
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex size-full flex-col justify-center overflow-hidden  bg-(--color-background)", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex w-full justify-end p-4", children: /* @__PURE__ */ jsx(Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" }) }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex w-full justify-end p-4", children: /* @__PURE__ */ jsx(Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) }) }) }),
     /* @__PURE__ */ jsx("div", { className: "grow w-full max-h-full overflow-hidden p-4", children: /* @__PURE__ */ jsx("video", { className: "size-full", ref }) })
   ] });
 });
 ScannerInternal.displayName = "ScannerInternal";
+const ScannerProvider = memo((props) => {
+  const { children } = props;
+  const [config, setConfig] = useState(null);
+  const closeFileViewer = useCallback(() => {
+    setConfig(null);
+  }, []);
+  const openFileViewer = useCallback(
+    (func) => {
+      setConfig(func(closeFileViewer));
+    },
+    [closeFileViewer]
+  );
+  const handleClose = useCallback(() => {
+    if (!config) return;
+    if (config.onClose) config.onClose();
+    closeFileViewer();
+  }, [closeFileViewer, config]);
+  return /* @__PURE__ */ jsxs(ScannerContext.Provider, { value: openFileViewer, children: [
+    children,
+    config && /* @__PURE__ */ jsx(Scanner, { open: true, onOpenChange: handleClose, ...config })
+  ] });
+});
+ScannerProvider.displayName = "FileViewerProvider";
 const ScanInput = memo((props) => {
   const [
     { inputId, labelId, label, helpText, size, severity, showInputOnly, field, fieldProps, helpers, touched },
-    rest
+    { disabled }
   ] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const [showScanner, setShowScanner] = useState(false);
@@ -29971,7 +31276,7 @@ const ScanInput = memo((props) => {
             placeholder: "Enter a qr or barcode",
             onChange: handleChange,
             onBlur: handleBlur,
-            ...rest
+            disabled
           }
         ),
         /* @__PURE__ */ jsxs(
@@ -29983,8 +31288,9 @@ const ScanInput = memo((props) => {
             variant: "soft",
             size: "sm",
             accentColor: "base",
+            disabled,
             children: [
-              /* @__PURE__ */ jsx(LuIcon, { icon: "maximize" }),
+              /* @__PURE__ */ jsx(LuIcon, { icon: Maximize }),
               "Scan"
             ]
           }
@@ -30048,7 +31354,7 @@ const SHORT_TEXT_FIELD_MAX_LENGTH = 500;
 const StringInput = memo((props) => {
   const [
     { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-    rest
+    { disabled }
   ] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
@@ -30091,7 +31397,7 @@ const StringInput = memo((props) => {
           placeholder: field.placeholder,
           onChange: handleChange,
           onBlur: handleBlur,
-          ...rest
+          disabled
         }
       ) })
     }
@@ -30122,7 +31428,6 @@ const _StringField = class _StringField extends BaseStringField {
     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,
@@ -30141,7 +31446,7 @@ let StringField = _StringField;
 const TextInput = memo((props) => {
   const [
     { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-    rest
+    { disabled }
   ] = useFormikInput(props);
   const { name, onBlur, onChange, value } = fieldProps;
   const computedHelpText = showInputOnly ? null : helpText;
@@ -30187,7 +31492,7 @@ const TextInput = memo((props) => {
           accentColor: "base",
           variant: "surface",
           size: "sm",
-          ...rest
+          disabled
         }
       )
     }
@@ -30232,110 +31537,9 @@ const _TextField = class _TextField extends BaseStringField {
 __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 = memo(
-  forwardRef((props, forwardedRef) => {
-    const { file, alt, error, rightSlot, className, ...rest } = props;
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        className: cx(className, "relative flex h-[200px] w-full flex-col gap-2 overflow-hidden items-center"),
-        ref: forwardedRef,
-        ...rest,
-        children: [
-          !file && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grow flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-          !!file && !error && /* @__PURE__ */ jsx(Card, { className: "flex max-w-full grow items-center !p-0 justify-center overflow-hidden bg-clip-padding", children: /* @__PURE__ */ jsx(
-            "img",
-            {
-              className: "max-w-full object-cover",
-              src: URL.createObjectURL(file),
-              alt: alt ?? file.name
-            }
-          ) }),
-          (!!file || !!error) && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx("flex w-full items-center gap-2 self-end", {
-                "bg-transparent": !file
-              }),
-              children: [
-                error ? /* @__PURE__ */ jsx(LuIcon, { icon: "file-warning" }) : file && /* @__PURE__ */ jsx(LuIcon, { icon: "file" }),
-                /* @__PURE__ */ jsx(Text, { className: "truncate", size: "sm", children: error ?? (file == null ? void 0 : file.name) }),
-                rightSlot
-              ]
-            }
-          )
-        ]
-      }
-    );
-  })
-);
-class UUIDPromise extends Promise {
-  constructor(executor, uuid) {
-    super(executor);
-    __publicField(this, "_uuid");
-    this._uuid = uuid;
-  }
-  get uuid() {
-    return this._uuid;
-  }
-  set uuid(uuid) {
-    this._uuid = uuid;
-  }
-  static from(promise, uuid) {
-    return new UUIDPromise((resolve, reject) => {
-      Promise.resolve(promise).then(resolve).catch(reject);
-    }, uuid);
-  }
-  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 = memo((props) => {
   var _a2;
-  const [{ inputId, labelId, label, size, severity, helpText, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
+  const [{ inputId, labelId, label, size, severity, helpText, showInputOnly, field, fieldProps }, { disabled }] = useFormikInput(props);
   const { value, name, onChange, onBlur } = fieldProps;
   const input = useRef(null);
   const updatedHelpText = useMemo(() => {
@@ -30357,7 +31561,7 @@ const UploadInput = memo((props) => {
       onBlur([]);
       return;
     }
-    const fileArray = Array.from(files);
+    const fileArray = Array.from(files).map((file) => UUIDFile.from(v4(), file));
     const newValue = [...value, ...fileArray];
     onChange(newValue);
     onBlur(newValue);
@@ -30409,11 +31613,10 @@ const UploadInput = memo((props) => {
               variant: "soft",
               accentColor: "base",
               onClick: handleClick,
-              id: "upload-input-upload-button",
               type: "button",
-              ...rest,
+              disabled,
               children: [
-                /* @__PURE__ */ jsx(LuIcon, { icon: "upload" }),
+                /* @__PURE__ */ jsx(LuIcon, { icon: Upload }),
                 buttonText
               ]
             }
@@ -30438,105 +31641,17 @@ const UploadInput = memo((props) => {
     Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex h-max flex-col gap-2", children: value.map((file, index) => /* @__PURE__ */ jsx(
       DisplayFile,
       {
-        field,
         file,
         onRemove: () => {
           handleRemove(index);
         },
-        disabled: rest.disabled
+        disabled
       },
       index
     )) })
   ] });
 });
 UploadInput.displayName = "UploadInput";
-const DisplayFile = memo((props) => {
-  const { file, field, onRemove, disabled } = props;
-  const [resolvedFile, setResolvedFile] = useState(null);
-  const openImageViewer = useImageViewer();
-  const error = useMemo(() => resolvedFile && field.getError([resolvedFile]), [field, resolvedFile]);
-  const { url, name } = 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]);
-  useEffect(() => {
-    if (file instanceof UUIDPromise) {
-      file.then((file2) => {
-        console.debug("file", file2);
-        setResolvedFile(file2);
-      }).catch(console.error);
-    } else {
-      setResolvedFile(file);
-    }
-  }, [file]);
-  const handleDownload = useCallback(
-    (event) => {
-      event.stopPropagation();
-      if (!resolvedFile) {
-        throw new Error("Cannot download a file that is not resolved.");
-      }
-      const blob = new Blob([resolvedFile]);
-      saveAs(blob, name);
-    },
-    [name, resolvedFile]
-  );
-  const handleDelete = useCallback(
-    (e) => {
-      e.stopPropagation();
-      onRemove();
-    },
-    [onRemove]
-  );
-  const handleImageCardClick = useCallback(() => {
-    if (!resolvedFile) return;
-    openImageViewer((closeFileViewer) => ({
-      file: resolvedFile,
-      onDelete: !disabled ? () => {
-        onRemove();
-        closeFileViewer();
-      } : void 0
-    }));
-  }, [disabled, onRemove, openImageViewer, resolvedFile]);
-  const rightSlotContent = useMemo(
-    () => /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex grow justify-end", variant: "ghost", accentColor: "base", size: "sm", children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          "aria-label": `Download ${name}`,
-          type: "button",
-          onClick: handleDownload,
-          disabled: !resolvedFile,
-          children: /* @__PURE__ */ jsx(LuIcon, { icon: "download" })
-        }
-      ),
-      !disabled && /* @__PURE__ */ jsx(IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" }) })
-    ] }),
-    [disabled, handleDelete, handleDownload, name, resolvedFile]
-  );
-  return url ? /* @__PURE__ */ jsx(
-    ImageCard,
-    {
-      className: "cursor-pointer",
-      onClick: handleImageCardClick,
-      file: resolvedFile,
-      error: error ?? void 0,
-      rightSlot: rightSlotContent
-    }
-  ) : /* @__PURE__ */ 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;
@@ -30616,7 +31731,7 @@ const _UploadField = class _UploadField extends BaseField {
     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.`;
       }
     });
@@ -30673,16 +31788,10 @@ const _UploadField = class _UploadField extends BaseField {
   }
   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 [];
@@ -30704,23 +31813,27 @@ const FieldTypeToClsMapping = {
   "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;
@@ -30927,6 +32040,42 @@ const NumberRangeNotInConditionModifier = ConditionModifier.create({
   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) => {
@@ -31066,9 +32215,11 @@ class BaseCondition extends Observable {
     __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;
@@ -31084,6 +32235,9 @@ class BaseCondition extends Observable {
       conditionModifier: this.conditionModifier
     };
   }
+  transformValue(value) {
+    return value;
+  }
 }
 const formId = "form-builder";
 const UNLABELLED_FIELD_LABEL = "Unlabelled";
@@ -31096,12 +32250,12 @@ const SelectItemTemplate = genericMemo(function(props) {
       if (typeof children === "function") {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children(meta),
-          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       } else {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children,
-          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-[auto]", children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       }
     },
@@ -31116,12 +32270,12 @@ const MultiSelectItemTemplate = genericMemo(function(props) {
       if (typeof children === "function") {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children(meta),
-          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       } else {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children,
-          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.SelectedIndicator, { className: "ml-auto", children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       }
     },
@@ -31136,12 +32290,12 @@ const SelectAllItemTemplate = memo((props) => {
       if (typeof children === "function") {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children(meta),
-          /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: Minus }) : /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       } else {
         return /* @__PURE__ */ jsxs(Fragment$1, { children: [
           children,
-          /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+          /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { className: "ml-[auto]", children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsx(LuIcon, { icon: Minus }) : /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
         ] });
       }
     },
@@ -31235,7 +32389,7 @@ const MultiStringPopover = memo((props) => {
             variant: "soft",
             type: "button",
             onClick: handleAddValueClick,
-            children: /* @__PURE__ */ jsx(LuIcon, { icon: "plus" })
+            children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus })
           }
         )
       ] }),
@@ -31258,7 +32412,7 @@ const MultiStringPopover = memo((props) => {
                 onClick: () => {
                   handleRemoveValueClick(index);
                 },
-                children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" })
+                children: /* @__PURE__ */ jsx(LuIcon, { icon: X })
               }
             )
           ]
@@ -31318,7 +32472,7 @@ const RemoveConditionButton = (props) => {
   const handleRemoveFilter = useCallback(() => {
     onClick(condition);
   }, [condition, onClick]);
-  return /* @__PURE__ */ jsx(IconButton, { onClick: handleRemoveFilter, ...rest, children: /* @__PURE__ */ jsx(LuIcon, { icon: "x" }) });
+  return /* @__PURE__ */ jsx(IconButton, { onClick: handleRemoveFilter, ...rest, children: /* @__PURE__ */ jsx(LuIcon, { icon: X }) });
 };
 RemoveConditionButton.displayName = "RemoveConditionButton";
 const SelectFieldOptionMultiSelectGroup = memo((props) => {
@@ -31433,7 +32587,7 @@ const BooleanFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$c = {
+const modifiers$e = {
   equals: createConditionModifierConfig({
     modifier: BooleanEqualsConditionModifier,
     isValueValid: (_value) => true,
@@ -31450,13 +32604,11 @@ const modifiers$c = {
 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);
@@ -31512,7 +32664,7 @@ const CheckboxListFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$b = {
+const modifiers$d = {
   equals: createConditionModifierConfig({
     modifier: StringArrayEqualsConditionModifier,
     isValueValid: (_value) => true,
@@ -31547,13 +32699,11 @@ const modifiers$b = {
 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 });
   }
@@ -31628,7 +32778,7 @@ const DateFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$a = {
+const modifiers$c = {
   equals: createConditionModifierConfig({
     modifier: DateEqualsConditionModifier,
     isValueValid: (value) => value instanceof Date,
@@ -31669,13 +32819,11 @@ const modifiers$a = {
 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)
@@ -31731,7 +32879,7 @@ const MultiSelectFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$9 = {
+const modifiers$b = {
   equals: createConditionModifierConfig({
     modifier: StringArrayEqualsConditionModifier,
     isValueValid: (_value) => true,
@@ -31766,13 +32914,11 @@ const modifiers$9 = {
 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 });
   }
@@ -31816,7 +32962,7 @@ const MultiStringFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$8 = {
+const modifiers$a = {
   equals: createConditionModifierConfig({
     modifier: StringArrayEqualsConditionModifier,
     isValueValid: (_value) => true,
@@ -31851,13 +32997,11 @@ const modifiers$8 = {
 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 });
   }
@@ -31936,7 +33080,7 @@ const NumberFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$7 = {
+const modifiers$9 = {
   equals: createConditionModifierConfig({
     modifier: NumberEqualsConditionModifier,
     isValueValid: (value) => typeof value === "number",
@@ -31989,13 +33133,11 @@ const modifiers$7 = {
 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)
@@ -32039,7 +33181,7 @@ const OTPFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$6 = {
+const modifiers$8 = {
   equals: createConditionModifierConfig({
     modifier: StringEqualsConditionModifier,
     isValueValid: (_value) => true,
@@ -32068,13 +33210,11 @@ const modifiers$6 = {
 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 });
   }
@@ -32082,6 +33222,117 @@ class OTPFieldCondition extends BaseCondition {
     return /* @__PURE__ */ 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__ */ jsxs(Menu.Root, { children: [
+          /* @__PURE__ */ jsx(Menu.ClickTrigger, { children: /* @__PURE__ */ jsx(Button, { type: "button", className: "min-w-0 shrink-1 grow", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: equalsFilterValue !== void 0 ? equalsFilterValue ? passFailFieldStatusMapping[equalsFilterValue].label : "empty" : "..." }) }) }),
+          /* @__PURE__ */ jsx(Menu.Content, { size: "sm", children: /* @__PURE__ */ jsx(
+            Menu.SelectGroup,
+            {
+              required: false,
+              value: equalsFilterValue,
+              onValueChange: condition.setConditionValue,
+              children: passFailFieldStatuses.map((status) => {
+                const { label } = passFailFieldStatusMapping[status];
+                return /* @__PURE__ */ jsx(SelectItemTemplate, { value: status, children: /* @__PURE__ */ 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__ */ jsxs(Menu.Root, { children: [
+          /* @__PURE__ */ jsx(Menu.ClickTrigger, { children: /* @__PURE__ */ jsx(Button, { type: "button", children: includesModifierFilterValue ? `${includesModifierFilterValue.length} statuses` : "..." }) }),
+          /* @__PURE__ */ jsx(Menu.Content, { size: "sm", children: /* @__PURE__ */ jsxs(
+            Menu.MultiSelectGroup,
+            {
+              values: includesModifierFilterValue ?? EMPTY_ARRAY,
+              onValuesChange: condition.setConditionValue,
+              children: [
+                /* @__PURE__ */ jsx(SelectAllItemTemplate, { children: "Select all" }),
+                passFailFieldStatuses.map((status) => {
+                  const { label, icon } = passFailFieldStatusMapping[status];
+                  return /* @__PURE__ */ jsxs(MultiSelectItemTemplate, { value: status, children: [
+                    /* @__PURE__ */ jsx(LuIcon, { icon }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+                  ] }, status);
+                })
+              ]
+            }
+          ) })
+        ] });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex w-max max-w-full min-w-0 gap-0.5", size: "sm", variant: "fill", accentColor: "base", children: [
+    /* @__PURE__ */ jsxs(Badge, { className: "min-w-0 shrink-1", size: "sm", variant: "fill", accentColor: "base", children: [
+      /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[field.type] }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: field.label || UNLABELLED_FIELD_LABEL })
+    ] }),
+    /* @__PURE__ */ jsx(ConditionModifierDropdown, { condition, children: /* @__PURE__ */ jsx(Button, { type: "button", children: condition.modifiers[conditionModifier].modifier.label }) }),
+    getFilterValueUi(),
+    /* @__PURE__ */ 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__ */ jsx(PassFailFieldConditionCell, { condition: this, ...props }, this.id);
+  }
+}
 const RadioFieldConditionCell = (props) => {
   const { condition, onRemove } = props;
   const field = condition.field;
@@ -32102,16 +33353,6 @@ const RadioFieldConditionCell = (props) => {
     }
     return mapping;
   }, [normalizedOptions]);
-  const handleValuesChange = useCallback(
-    (values) => {
-      if (values.length > 0) {
-        condition.setConditionValue(values);
-      } else {
-        condition.setConditionValue([]);
-      }
-    },
-    [condition]
-  );
   const getFilterValueUi = () => {
     switch (conditionModifier) {
       case "equals":
@@ -32141,8 +33382,8 @@ const RadioFieldConditionCell = (props) => {
             SelectFieldOptionMultiSelectGroup,
             {
               selectFieldOptions: field.options,
-              values: includesModifierFilterValue ?? [],
-              onValuesChange: handleValuesChange
+              values: includesModifierFilterValue ?? EMPTY_ARRAY,
+              onValuesChange: condition.setConditionValue
             }
           ) })
         ] });
@@ -32159,7 +33400,7 @@ const RadioFieldConditionCell = (props) => {
     /* @__PURE__ */ jsx(RemoveConditionButton, { condition, onClick: onRemove })
   ] });
 };
-const modifiers$5 = {
+const modifiers$6 = {
   equals: createConditionModifierConfig({
     modifier: StringEqualsConditionModifier,
     isValueValid: (value) => typeof value === "string",
@@ -32188,13 +33429,11 @@ const modifiers$5 = {
 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)
@@ -32205,6 +33444,146 @@ class RadioFieldCondition extends BaseCondition {
     return /* @__PURE__ */ 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__ */ jsx(
+          NumberInputPopover,
+          {
+            value: filterValue ?? null,
+            onValueChange: (value) => condition.setConditionValue(value ?? void 0),
+            size: "sm",
+            children: /* @__PURE__ */ jsx(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__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ 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__ */ jsx(Button, { className: "truncate", children: (rangeFilterValue == null ? void 0 : rangeFilterValue.from) ?? "..." })
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx(Button, { className: "truncate", children: (rangeFilterValue == null ? void 0 : rangeFilterValue.to) ?? "..." })
+            }
+          )
+        ] });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex w-max max-w-full min-w-0 gap-0.5", size: "sm", variant: "fill", accentColor: "base", children: [
+    /* @__PURE__ */ jsxs(Badge, { className: "min-w-0 shrink-1", size: "sm", variant: "fill", accentColor: "base", children: [
+      /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[field.type] }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: field.label || UNLABELLED_FIELD_LABEL })
+    ] }),
+    /* @__PURE__ */ jsx(ConditionModifierDropdown, { condition, children: /* @__PURE__ */ jsx(Button, { type: "button", children: condition.modifiers[conditionModifier].modifier.label }) }),
+    getFilterValueUi(),
+    /* @__PURE__ */ 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__ */ jsx(RatingFieldConditionCell, { condition: this, ...props }, this.id);
+  }
+}
 const ScanFieldConditionCell = (props) => {
   const { condition, onRemove } = props;
   const field = condition.field;
@@ -32267,8 +33646,6 @@ const modifiers$4 = {
 class ScanFieldCondition extends BaseCondition {
   constructor(options) {
     super(options);
-    __publicField(this, "defaultConditionValue");
-    __publicField(this, "defaultConditionModifier", "equals");
     __publicField(this, "modifiers", modifiers$4);
   }
   static deserialize(serializedCondition, field) {
@@ -32387,8 +33764,6 @@ const modifiers$3 = {
 class SelectFieldCondition extends BaseCondition {
   constructor(options) {
     super(options);
-    __publicField(this, "defaultConditionValue");
-    __publicField(this, "defaultConditionModifier", "equals");
     __publicField(this, "modifiers", modifiers$3);
   }
   static deserialize(serializedCondition, field) {
@@ -32466,8 +33841,6 @@ const modifiers$2 = {
 class StringFieldCondition extends BaseCondition {
   constructor(options) {
     super(options);
-    __publicField(this, "defaultConditionValue");
-    __publicField(this, "defaultConditionModifier", "equals");
     __publicField(this, "modifiers", modifiers$2);
   }
   static deserialize(serializedCondition, field) {
@@ -32542,8 +33915,6 @@ const modifiers$1 = {
 class TextFieldCondition extends BaseCondition {
   constructor(options) {
     super(options);
-    __publicField(this, "defaultConditionValue");
-    __publicField(this, "defaultConditionModifier", "equals");
     __publicField(this, "modifiers", modifiers$1);
   }
   static deserialize(serializedCondition, field) {
@@ -32614,8 +33985,6 @@ const modifiers = {
 class UploadFieldCondition extends BaseCondition {
   constructor(options) {
     super(options);
-    __publicField(this, "defaultConditionValue");
-    __publicField(this, "defaultConditionModifier", "equals");
     __publicField(this, "modifiers", modifiers);
   }
   static deserialize(serializedCondition, field) {
@@ -32628,43 +33997,35 @@ class UploadFieldCondition extends BaseCondition {
     return /* @__PURE__ */ 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 deserializeConditions = (serializedConditions, fields) => {
+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 = (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) => {
@@ -32672,35 +34033,53 @@ const applyConditions = (conditions, values) => {
     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 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);
@@ -32775,6 +34154,85 @@ function cleanSerializedFieldValues(fields, values) {
   }
   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 = createContext({});
 const FieldSectionLayout = memo((props) => {
   const { fieldSection: section, ...rest } = props;
@@ -32855,7 +34313,7 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
     const fields = data.fields.map(deserializeField);
     const conditions = {};
     for (const [sectionId, serializedConditions] of Object.entries(data.conditions)) {
-      conditions[sectionId] = deserializeConditions(serializedConditions, fields);
+      conditions[sectionId] = deserializeConditions(fields, serializedConditions);
     }
     return new _FieldSection({ ...data, fields, conditions });
   }
@@ -32896,12 +34354,10 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
   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) {
@@ -32920,16 +34376,6 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
     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];
   }
@@ -33009,27 +34455,20 @@ class FieldSchema extends Observable {
   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);
@@ -33043,44 +34482,70 @@ class FieldSchema extends Observable {
   serializeValues(values) {
     return serializeFieldValues(this.getFields(), values);
   }
+  deserializeConditions(conditions) {
+    return deserializeConditions(this.getFields(), conditions);
+  }
+  initializeValues(values) {
+    return initializeFieldValues(this.getFields(), values);
+  }
 }
 const FieldSchemaContext = createContext(new FieldSchema([]));
 const FormBuilderContext = createContext({});
+const useFieldTypeItems = (onSelect = () => null) => {
+  return useMemo(() => {
+    const entries = Object.entries(FieldTypeToClsMapping);
+    return entries.map(([type, fieldClass]) => ({
+      children: fieldClass.fieldTypeName,
+      icon: /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[type] }),
+      value: type,
+      onSelect: () => {
+        onSelect(type);
+      }
+    }));
+  }, [onSelect]);
+};
+const CreateFieldDropdownMenu = memo((props) => {
+  const { children, variant, size, accentColor, onSelectFieldType, ...rest } = props;
+  const fieldTypeItems = useFieldTypeItems(onSelectFieldType);
+  return /* @__PURE__ */ jsxs(Menu.Root, { ...rest, children: [
+    /* @__PURE__ */ jsx(Menu.ClickTrigger, { children }),
+    /* @__PURE__ */ jsx(Menu.Content, { variant, size, accentColor, children: /* @__PURE__ */ jsx(Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxs(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: v4() });
+      return new TextField({ label: "", required: false, identifier: v4() });
     case "boolean":
       return new BooleanField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "number":
       return new NumberField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "date":
       return new DateField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "string":
       return new StringField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "select":
       return new SelectField({
-        fieldValidators: [],
         label: "",
         options: [],
         required: false,
@@ -33088,14 +34553,12 @@ const createField = (type) => {
       });
     case "multi-string":
       return new MultiStringField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "multi-select":
       return new MultiSelectField({
-        fieldValidators: [],
         label: "",
         options: [],
         required: false,
@@ -33103,21 +34566,20 @@ const createField = (type) => {
       });
     case "upload":
       return new UploadField({
-        fieldValidators: [],
         label: "",
         required: false,
-        identifier: v4()
+        identifier: v4(),
+        maximum_files: 6,
+        maximum_size: maxFileSizeMB
       });
     case "qr":
       return new ScanField({
-        fieldValidators: [],
         label: "",
         required: false,
         identifier: v4()
       });
     case "radio":
       return new RadioField({
-        fieldValidators: [],
         label: "",
         options: [],
         required: false,
@@ -33125,21 +34587,34 @@ const createField = (type) => {
       });
     case "checkbox-list":
       return new CheckboxListField({
-        fieldValidators: [],
         label: "",
         options: [],
         required: false,
         identifier: v4()
       });
+    case "pass-fail":
+      return new PassFailField({
+        label: "",
+        required: false,
+        identifier: v4(),
+        showNotesAndFilesOn: ["fail"]
+        // TODO: what defaults
+      });
     case "otp":
       return new OTPField({
-        fieldValidators: [],
         label: "",
         validationType: "none",
         required: false,
         identifier: v4(),
         length: 6
       });
+    case "rating":
+      return new RatingField({
+        label: "",
+        required: false,
+        identifier: v4(),
+        maxRating: 5
+      });
   }
 };
 const createCondition = (field) => {
@@ -33223,6 +34698,13 @@ const createCondition = (field) => {
         conditionModifier: "equals",
         field
       });
+    case "pass-fail":
+      return new PassFailFieldCondition({
+        id: v4(),
+        conditionValue: void 0,
+        conditionModifier: "equals",
+        field
+      });
     case "otp":
       return new OTPFieldCondition({
         id: v4(),
@@ -33230,6 +34712,13 @@ const createCondition = (field) => {
         conditionModifier: "equals",
         field
       });
+    case "rating":
+      return new RatingFieldCondition({
+        id: v4(),
+        conditionValue: void 0,
+        conditionModifier: "equals",
+        field
+      });
   }
 };
 const getFieldCreationSchema = (type, path) => {
@@ -33250,8 +34739,12 @@ const getFieldCreationSchema = (type, path) => {
       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;
   }
@@ -33269,7 +34762,7 @@ const FieldSettingsPopover = memo((props) => {
         accentColor: "base",
         ...hasError && { color: SEVERITY_COLOR_MAPPING.danger },
         children: [
-          /* @__PURE__ */ jsx(LuIcon, { icon: "settings" }),
+          /* @__PURE__ */ jsx(LuIcon, { icon: Settings }),
           "Settings"
         ]
       },
@@ -33280,7 +34773,7 @@ const FieldSettingsPopover = memo((props) => {
 });
 FieldSettingsPopover.displayName = "FieldSettingsPopover";
 const FieldBuilder = memo((props) => {
-  const { parentPath, index, field } = props;
+  const { parentPath, fieldIndex, field } = props;
   const { errors } = useFormikContext();
   const openImageViewer = useImageViewer();
   const { disableRequiredFields } = use(FormBuilderContext);
@@ -33296,17 +34789,16 @@ const FieldBuilder = memo((props) => {
   const handleImageDelete = useCallback(() => {
     field.setOptions({ image: void 0 });
   }, [field]);
-  const type = field.type;
   const [directlyShownFields, popoverFields] = 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
@@ -33331,7 +34823,7 @@ const FieldBuilder = memo((props) => {
     /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
         /* @__PURE__ */ jsxs(Badge, { accentColor: "base", variant: "soft", size: "sm", children: [
-          /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[type] }),
+          /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[field.type] }),
           fieldTypeName
         ] }),
         !disableRequiredFields && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -33341,7 +34833,7 @@ const FieldBuilder = memo((props) => {
               checked: field.required,
               onCheckedChange: (required) => field.setOptions({ required: !!required }),
               size: "sm",
-              children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: "check" }) })
+              children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(LuIcon, { icon: Check }) })
             }
           ),
           /* @__PURE__ */ jsx(Text, { size: "sm", accentColor: "base", children: "Required" })
@@ -33369,7 +34861,7 @@ const FieldBuilder = memo((props) => {
           "aria-label": "delete",
           onClick: handleImageDelete,
           size: "sm",
-          children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" })
+          children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash })
         }
       )
     ] }),
@@ -33400,46 +34892,26 @@ const FieldBuilder = memo((props) => {
   ] });
 });
 FieldBuilder.displayName = "FieldBuilder";
-const FieldDropdownMenu = memo((props) => {
-  const { children, variant, size, accentColor, fields, onSelectField, ...rest } = props;
-  return /* @__PURE__ */ jsxs(Menu.Root, { ...rest, children: [
-    /* @__PURE__ */ jsx(Menu.ClickTrigger, { children }),
-    /* @__PURE__ */ jsx(Menu.Content, { variant, size, accentColor, children: fields.map((field) => {
-      return /* @__PURE__ */ jsxs(Menu.Item, { onSelect: () => onSelectField(field), children: [
-        /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[field.type] }),
-        field.label || UNLABELLED_FIELD_LABEL
-      ] }, field.identifier);
-    }) })
-  ] });
-});
-FieldDropdownMenu.displayName = "IssueDataFilterMenu";
-const FieldSectionDropdownMenu = memo((props) => {
-  const { children, variant, size, accentColor, fieldSections, onSelectFieldCondition, ...rest } = props;
-  return /* @__PURE__ */ jsxs(Menu.Root, { ...rest, children: [
-    /* @__PURE__ */ jsx(Menu.ClickTrigger, { children }),
-    /* @__PURE__ */ jsx(Menu.Content, { variant, size, accentColor, children: fieldSections.map((fieldSection) => {
-      return /* @__PURE__ */ jsxs(Menu.Item, { onSelect: () => onSelectFieldCondition(fieldSection), children: [
-        /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[fieldSection.type] }),
-        fieldSection.label || UNLABELLED_SECTION_LABEL
-      ] }, fieldSection.identifier);
-    }) })
-  ] });
-});
-FieldSectionDropdownMenu.displayName = "IssueDataFilterMenu";
-const FieldWithActions = memo((props) => {
-  const { field, fieldSection, index, sectionIndex, remove } = props;
+const FieldBuilderWithActions = memo((props) => {
+  const { field, fieldSection, fieldIndex, sectionIndex } = props;
   const { showError } = useToast();
   const fileInputRef = useRef(null);
   const parentPath = `fields.${sectionIndex}.fields`;
+  const handleAddField = useCallback(
+    (type) => {
+      fieldSection.addField(createField(type), fieldIndex + 1);
+    },
+    [fieldIndex, fieldSection]
+  );
   const duplicateField = useCallback(() => {
     fieldSection.addField(field.duplicate(v4()));
   }, [field, fieldSection]);
   const moveField = 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 = useCallback(
     (event) => {
@@ -33471,21 +34943,48 @@ const FieldWithActions = memo((props) => {
     (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, []);
   const handleRemove = useCallback(() => {
-    remove(field);
-  }, [field, remove]);
+    fieldSection.removeField(field);
+  }, [field, fieldSection]);
   return /* @__PURE__ */ jsxs(Card, { className: "flex items-center justify-between gap-4 w-full", children: [
-    /* @__PURE__ */ jsx(FieldBuilder, { index, field, parentPath }),
+    /* @__PURE__ */ jsx(FieldBuilder, { fieldIndex, field, parentPath }),
     /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex-col gap-0.5 flex", variant: "ghost", accentColor: "base", size: "sm", children: [
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsx(LuIcon, { icon: "move-up" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsx(LuIcon, { icon: "move-down" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: duplicateField, children: /* @__PURE__ */ jsx(LuIcon, { icon: "copy" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleUploadImage, children: /* @__PURE__ */ jsx(LuIcon, { icon: "image" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleRemove, children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" }) })
+      /* @__PURE__ */ jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsx(IconButton, { type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus }) }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsx(LuIcon, { icon: MoveUp }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsx(LuIcon, { icon: MoveDown }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: duplicateField, children: /* @__PURE__ */ jsx(LuIcon, { icon: Copy }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleUploadImage, children: /* @__PURE__ */ jsx(LuIcon, { icon: Image }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleRemove, children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash }) })
     ] }),
     /* @__PURE__ */ jsx("input", { className: "hidden", ref: fileInputRef, type: "file", accept: "image/*", onChange: uploadImage })
   ] });
 });
-FieldWithActions.displayName = "FieldWithActions";
+FieldBuilderWithActions.displayName = "FieldBuilderWithActions";
+const FieldDropdownMenu = memo((props) => {
+  const { children, variant, size, accentColor, fields, onSelectField, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Menu.Root, { ...rest, children: [
+    /* @__PURE__ */ jsx(Menu.ClickTrigger, { children }),
+    /* @__PURE__ */ jsx(Menu.Content, { variant, size, accentColor, children: /* @__PURE__ */ jsx(Menu.Scroll, { children: fields.map((field) => {
+      return /* @__PURE__ */ jsxs(Menu.Item, { onSelect: () => onSelectField(field), children: [
+        /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[field.type] }),
+        field.label || UNLABELLED_FIELD_LABEL
+      ] }, field.identifier);
+    }) }) })
+  ] });
+});
+FieldDropdownMenu.displayName = "IssueDataFilterMenu";
+const FieldSectionDropdownMenu = memo((props) => {
+  const { children, variant, size, accentColor, fieldSections, onSelectFieldCondition, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Menu.Root, { ...rest, children: [
+    /* @__PURE__ */ jsx(Menu.ClickTrigger, { children }),
+    /* @__PURE__ */ jsx(Menu.Content, { variant, size, accentColor, children: fieldSections.map((fieldSection) => {
+      return /* @__PURE__ */ jsxs(Menu.Item, { onSelect: () => onSelectFieldCondition(fieldSection), children: [
+        /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[fieldSection.type] }),
+        fieldSection.label || UNLABELLED_SECTION_LABEL
+      ] }, fieldSection.identifier);
+    }) })
+  ] });
+});
+FieldSectionDropdownMenu.displayName = "IssueDataFilterMenu";
 const FieldSectionConditionEdgeComponent = memo((props) => {
   const { id, sourceX, sourceY, targetX, targetY, style, markerEnd, data } = props;
   const { targetSection, sourceSection, layoutDirection } = data;
@@ -33539,7 +35038,7 @@ const FieldSectionConditionEdgeComponent = memo((props) => {
                   variant: "surface",
                   size: "xs",
                   accentColor: "base",
-                  children: /* @__PURE__ */ jsx(LuIcon, { icon: "plus" })
+                  children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus })
                 }
               ) }),
               /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
@@ -33553,7 +35052,7 @@ const FieldSectionConditionEdgeComponent = memo((props) => {
                     accentColor: "base",
                     color: "danger",
                     onClick: handleDelete,
-                    children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" })
+                    children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash })
                   }
                 ) }),
                 /* @__PURE__ */ jsx(Tooltip.Content, { size: "sm", children: "Remove conditional logic" })
@@ -33569,27 +35068,14 @@ const FieldSectionConditionEdgeComponent = memo((props) => {
   ] });
 });
 FieldSectionConditionEdgeComponent.displayName = "FieldSectionConditionEdgeComponent";
-const useFieldTypeItems = (onSelect = () => null) => {
-  return useMemo(() => {
-    const entries = Object.entries(FieldTypeToClsMapping);
-    return entries.map(([type, fieldClass]) => ({
-      children: fieldClass.fieldTypeName,
-      icon: /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons[type] }),
-      value: type,
-      onSelect: () => {
-        onSelect(type);
-      }
-    }));
-  }, [onSelect]);
-};
 const FieldSectionNodeComponent = memo((props) => {
   const { data, selected } = props;
   const { fieldSection, index: sectionIndex, layoutDirection } = data;
   const fieldSchema = use(FieldSchemaContext);
-  const removeSection = useCallback(() => {
+  const handleRemoveSection = useCallback(() => {
     fieldSchema.removeFieldSection(fieldSection);
   }, [fieldSchema, fieldSection]);
-  const addField = useCallback(
+  const handleAddField = useCallback(
     (type) => {
       fieldSection.addField(createField(type));
     },
@@ -33603,13 +35089,6 @@ const FieldSectionNodeComponent = memo((props) => {
   const handleDuplicate = useCallback(() => {
     fieldSchema.addFieldSection(fieldSection.duplicate(v4()));
   }, [fieldSchema, fieldSection]);
-  const fieldTypeItems = useFieldTypeItems(addField);
-  const removeField = useCallback(
-    (field) => {
-      fieldSection.removeField(field);
-    },
-    [fieldSection]
-  );
   return /* @__PURE__ */ jsxs(
     Card,
     {
@@ -33643,25 +35122,18 @@ const FieldSectionNodeComponent = memo((props) => {
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx(Text, { weight: "bold", children: "Fields" }),
-            /* @__PURE__ */ jsxs(Menu.Root, { children: [
-              /* @__PURE__ */ jsx(Menu.ClickTrigger, { children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
-                /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }),
-                " Add field"
-              ] }) }),
-              /* @__PURE__ */ jsx(Menu.Content, { children: /* @__PURE__ */ jsx(Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxs(Menu.Item, { onSelect: item.onSelect, children: [
-                item.icon,
-                item.children
-              ] }, item.value)) }) })
-            ] })
+            /* @__PURE__ */ jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
+              /* @__PURE__ */ jsx(LuIcon, { icon: Plus }),
+              " Add field"
+            ] }) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: fieldSection.fields.map((child, index) => /* @__PURE__ */ jsx(
-            FieldWithActions,
+            FieldBuilderWithActions,
             {
               field: child,
               fieldSection,
-              index,
-              sectionIndex,
-              remove: removeField
+              fieldIndex: index,
+              sectionIndex
             },
             child.identifier
           )) })
@@ -33682,9 +35154,9 @@ const FieldSectionNodeComponent = memo((props) => {
                 size: "xs",
                 onClick: (e) => e.stopPropagation(),
                 children: /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex flex-col gap-2", variant: "surface", size: "xs", accentColor: "base", children: [
-                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleAddBranch, children: /* @__PURE__ */ jsx(LuIcon, { icon: "git-branch" }) }),
-                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleDuplicate, children: /* @__PURE__ */ jsx(LuIcon, { icon: "copy" }) }),
-                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: removeSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" }) })
+                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleAddBranch, children: /* @__PURE__ */ jsx(LuIcon, { icon: GitBranch }) }),
+                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleDuplicate, children: /* @__PURE__ */ jsx(LuIcon, { icon: Copy }) }),
+                  /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleRemoveSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash }) })
                 ] })
               }
             )
@@ -33901,7 +35373,7 @@ const FormBuilderFlowBuilder = memo(() => {
         }
       ),
       /* @__PURE__ */ jsx(Panel, { position: "top-left", children: /* @__PURE__ */ jsx(ButtonGroup, { className: "flex items-center justify-end gap-2", size: "sm", children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "surface", onClick: handleAddSection, children: [
-        /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }),
+        /* @__PURE__ */ jsx(LuIcon, { icon: Plus }),
         " Add section"
       ] }) }) }),
       /* @__PURE__ */ jsxs(Panel, { position: "top-right", className: "flex flex-col items-center gap-2", children: [
@@ -33915,16 +35387,16 @@ const FormBuilderFlowBuilder = memo(() => {
             value: layoutDirection,
             onValueChange: setLayoutDirection,
             children: [
-              /* @__PURE__ */ jsx(ToggleGroup.IconItem, { className: "rounded-b-none", value: "LR", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: "arrow-right-left" }) }),
-              /* @__PURE__ */ jsx(ToggleGroup.IconItem, { className: "rounded-t-none", value: "TB", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: "arrow-down-up" }) })
+              /* @__PURE__ */ jsx(ToggleGroup.IconItem, { className: "rounded-b-none", value: "LR", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: ArrowLeftRight }) }),
+              /* @__PURE__ */ jsx(ToggleGroup.IconItem, { className: "rounded-t-none", value: "TB", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: ArrowDownUp }) })
             ]
           }
         ),
         /* @__PURE__ */ jsx(Separator, { size: "sm" }),
         /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex flex-col ", size: "sm", accentColor: "base", variant: "soft", children: [
-          /* @__PURE__ */ jsx(IconButton, { className: "rounded-b-none", onClick: () => reactFlow == null ? void 0 : reactFlow.zoomIn(), type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }) }),
-          /* @__PURE__ */ jsx(IconButton, { onClick: () => reactFlow == null ? void 0 : reactFlow.zoomOut(), radius: "none", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: "minus" }) }),
-          /* @__PURE__ */ jsx(IconButton, { className: "rounded-t-none", onClick: () => reactFlow == null ? void 0 : reactFlow.fitView(), type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: "square-dashed" }) })
+          /* @__PURE__ */ jsx(IconButton, { className: "rounded-b-none", onClick: () => reactFlow == null ? void 0 : reactFlow.zoomIn(), type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus }) }),
+          /* @__PURE__ */ jsx(IconButton, { onClick: () => reactFlow == null ? void 0 : reactFlow.zoomOut(), radius: "none", type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: Minus }) }),
+          /* @__PURE__ */ jsx(IconButton, { className: "rounded-t-none", onClick: () => reactFlow == null ? void 0 : reactFlow.fitView(), type: "button", children: /* @__PURE__ */ jsx(LuIcon, { icon: SquareDashed }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(Panel, { position: "bottom-right", children: /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex items-center justify-end gap-2", size: "sm", children: [
@@ -33962,7 +35434,7 @@ const FieldSectionConditionalItem = memo((props) => {
         /* @__PURE__ */ jsx(LuIcon, { icon: fieldIcons.section }),
         sourceFieldSection.label ?? UNLABELLED_SECTION_LABEL
       ] }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleDelete, variant: "ghost", children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" }) })
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleDelete, variant: "ghost", children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex h-max w-full flex-wrap gap-2", children: [
       conditions.map((condition) => {
@@ -33970,7 +35442,7 @@ const FieldSectionConditionalItem = memo((props) => {
           onRemove: handleDeleteCondition
         });
       }),
-      /* @__PURE__ */ jsx(FieldDropdownMenu, { fields: sourceFieldSection.fields, onSelectField: handleSelectField, align: "start", children: /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }) }) })
+      /* @__PURE__ */ jsx(FieldDropdownMenu, { fields: sourceFieldSection.fields, onSelectField: handleSelectField, align: "start", children: /* @__PURE__ */ jsx(IconButton, { type: "button", size: "sm", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsx(LuIcon, { icon: Plus }) }) })
     ] })
   ] });
 });
@@ -34032,7 +35504,7 @@ const FieldSectionBuilder = memo((props) => {
             fieldSections: validFieldSections,
             onSelectFieldCondition: handleAddConditional,
             children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", size: "sm", className: "w-max", children: [
-              /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }),
+              /* @__PURE__ */ jsx(LuIcon, { icon: Plus }),
               "Add condition"
             ] })
           }
@@ -34052,15 +35524,9 @@ const FieldSectionBuilder = memo((props) => {
 });
 FieldSectionBuilder.displayName = "FieldSectionBuilder";
 const FieldSectionWithActions = memo((props) => {
-  const { fieldSection, index: sectionIndex } = props;
+  const { fieldSection, sectionIndex } = props;
   const fieldSchema = use(FieldSchemaContext);
-  const removeField = useCallback(
-    (field) => {
-      fieldSection.removeField(field);
-    },
-    [fieldSection]
-  );
-  const removeSection = useCallback(() => {
+  const handleRemoveSection = useCallback(() => {
     fieldSchema.removeFieldSection(fieldSection);
   }, [fieldSchema, fieldSection]);
   const moveSection = useCallback(
@@ -34073,7 +35539,7 @@ const FieldSectionWithActions = memo((props) => {
   const duplicateSection = useCallback(() => {
     fieldSchema.addFieldSection(fieldSection.duplicate(v4()));
   }, [fieldSchema, fieldSection]);
-  const handleCreateField = useCallback(
+  const handleAddField = useCallback(
     (type) => {
       fieldSection.addField(createField(type));
     },
@@ -34085,42 +35551,34 @@ const FieldSectionWithActions = memo((props) => {
   const handleMoveDown = useCallback(() => {
     moveSection("down");
   }, [moveSection]);
-  const fieldTypeItems = useFieldTypeItems(handleCreateField);
   return /* @__PURE__ */ jsxs(Card, { variant: "outline", className: "flex items-center justify-between gap-4 w-full", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex grow flex-col gap-4 w-full", children: [
       /* @__PURE__ */ jsx(FieldSectionBuilder, { fieldSection }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-between", children: [
           /* @__PURE__ */ jsx(Text, { accentColor: "base", size: "md", children: "Fields" }),
-          /* @__PURE__ */ jsxs(Menu.Root, { children: [
-            /* @__PURE__ */ jsx(Menu.ClickTrigger, { children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", size: "sm", children: [
-              /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }),
-              " Add field"
-            ] }) }),
-            /* @__PURE__ */ jsx(Menu.Content, { children: /* @__PURE__ */ jsx(Menu.Scroll, { children: fieldTypeItems.flat().map((item) => /* @__PURE__ */ jsxs(Menu.Item, { onSelect: item.onSelect, children: [
-              item.icon,
-              item.children
-            ] }, item.value)) }) })
-          ] })
+          /* @__PURE__ */ jsx(CreateFieldDropdownMenu, { onSelectFieldType: handleAddField, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", size: "sm", children: [
+            /* @__PURE__ */ jsx(LuIcon, { icon: Plus }),
+            " Add field"
+          ] }) })
         ] }),
         fieldSection.fields.map((child, index) => /* @__PURE__ */ jsx(
-          FieldWithActions,
+          FieldBuilderWithActions,
           {
             field: child,
             fieldSection,
-            index,
-            sectionIndex,
-            remove: removeField
+            fieldIndex: index,
+            sectionIndex
           },
           child.identifier
         ))
       ] })
     ] }),
     /* @__PURE__ */ jsxs(ButtonGroup, { className: "flex-col gap-0.5 flex", variant: "ghost", accentColor: "base", size: "sm", children: [
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsx(LuIcon, { icon: "move-up" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsx(LuIcon, { icon: "move-down" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: duplicateSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: "copy" }) }),
-      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: removeSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: "trash" }) })
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveUp, children: /* @__PURE__ */ jsx(LuIcon, { icon: MoveUp }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleMoveDown, children: /* @__PURE__ */ jsx(LuIcon, { icon: MoveDown }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: duplicateSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: Copy }) }),
+      /* @__PURE__ */ jsx(IconButton, { type: "button", onClick: handleRemoveSection, children: /* @__PURE__ */ jsx(LuIcon, { icon: Trash }) })
     ] })
   ] });
 });
@@ -34169,7 +35627,14 @@ const FormBuilderListBuilder = memo(() => {
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      fieldSchema.fieldSections.map((fieldSection, index) => /* @__PURE__ */ jsx(FieldSectionWithActions, { fieldSection, index }, fieldSection.identifier)),
+      fieldSchema.fieldSections.map((fieldSection, index) => /* @__PURE__ */ jsx(
+        FieldSectionWithActions,
+        {
+          fieldSection,
+          sectionIndex: index
+        },
+        fieldSection.identifier
+      )),
       /* @__PURE__ */ jsxs(
         Button,
         {
@@ -34180,7 +35645,7 @@ const FormBuilderListBuilder = memo(() => {
           size: "sm",
           onClick: handleCreateEmptySection,
           children: [
-            /* @__PURE__ */ jsx(LuIcon, { icon: "plus" }),
+            /* @__PURE__ */ jsx(LuIcon, { icon: Plus }),
             " Add section"
           ]
         }
@@ -34216,53 +35681,28 @@ const validateFields = (fields, values) => {
   }
   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) {
@@ -34290,16 +35730,12 @@ const separateFilesFromFields = async (fields) => {
   }
   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 = memo(
   forwardRef((props, ref) => {
@@ -34395,13 +35831,13 @@ const FormRenderer = memo(
                 variant: "soft",
                 onClick: onCancel,
                 children: [
-                  /* @__PURE__ */ jsx(LuIcon, { icon: "x" }),
+                  /* @__PURE__ */ jsx(LuIcon, { icon: X }),
                   cancelText
                 ]
               }
             ),
             /* @__PURE__ */ jsxs(Button, { ...buttonProps, type: "submit", accentColor: "primary", variant: "surface", children: [
-              /* @__PURE__ */ jsx(LuIcon, { icon: "check" }),
+              /* @__PURE__ */ jsx(LuIcon, { icon: Check }),
               submitText
             ] })
           ] })
@@ -34521,33 +35957,6 @@ const FormBuilder = {
   ListBuilder: FormBuilderListBuilder,
   Preview: FormBuilderPreview
 };
-const ScannerContext = createContext(() => {
-  throw new Error("No ScannerProvider found");
-});
-const useScanner = () => use(ScannerContext);
-const ScannerProvider = memo((props) => {
-  const { children } = props;
-  const [config, setConfig] = useState(null);
-  const closeFileViewer = useCallback(() => {
-    setConfig(null);
-  }, []);
-  const openFileViewer = useCallback(
-    (func) => {
-      setConfig(func(closeFileViewer));
-    },
-    [closeFileViewer]
-  );
-  const handleClose = useCallback(() => {
-    if (!config) return;
-    if (config.onClose) config.onClose();
-    closeFileViewer();
-  }, [closeFileViewer, config]);
-  return /* @__PURE__ */ jsxs(ScannerContext.Provider, { value: openFileViewer, children: [
-    children,
-    config && /* @__PURE__ */ jsx(Scanner, { open: true, onOpenChange: handleClose, ...config })
-  ] });
-});
-ScannerProvider.displayName = "FileViewerProvider";
 export {
   BaseCondition,
   BaseField,
@@ -34564,6 +35973,7 @@ export {
   CheckboxListFieldCondition,
   CheckboxListFieldConditionCell,
   CheckboxListInput,
+  ConditionManager,
   DateAfterConditionModifier,
   DateBeforeConditionModifier,
   DateEqualsConditionModifier,
@@ -34614,10 +36024,23 @@ export {
   OTPFieldCondition,
   OTPFieldConditionCell,
   OTPInput,
+  Observable,
+  PassFailArrayExcludesConditionModifier,
+  PassFailArrayIncludesConditionModifier,
+  PassFailEqualsConditionModifier,
+  PassFailField,
+  PassFailFieldCondition,
+  PassFailFieldConditionCell,
+  PassFailInput,
+  PassFailNotEqualsConditionModifier,
   RadioField,
   RadioFieldCondition,
   RadioFieldConditionCell,
   RadioInput,
+  RatingField,
+  RatingFieldCondition,
+  RatingFieldConditionCell,
+  RatingInput,
   SEVERITY_COLOR_MAPPING,
   SHORT_TEXT_FIELD_MAX_LENGTH,
   ScanField,
@@ -34649,15 +36072,19 @@ export {
   TextFieldCondition,
   TextFieldConditionCell,
   TextInput,
+  UUIDFile,
   UUIDPromise,
   UploadField,
   UploadFieldCondition,
   UploadFieldConditionCell,
   UploadInput,
   applyConditions,
-  awaitPromisesFromFieldValues,
+  areFileAndPromiseArraysEqual,
+  arePassFieldValuesEqual,
+  awaitFilesAndPromises,
   changedFieldValues,
   cleanFieldValues,
+  cleanFields,
   cleanSerializedFieldValues,
   createCondition,
   createConditionModifierConfig,
@@ -34669,18 +36096,28 @@ export {
   deserializeFieldValues,
   deserializeFields,
   deserializeOnlyFields,
+  deserializePassFailFieldValue,
+  extractFilesAndPromisesFromFieldValues,
   fieldIcons,
   flattenFields,
   getFieldsMapping,
   initializeFieldValues,
+  insertFilesAndPromisesToFieldValues,
+  isFileAndPromiseArray,
+  isPassFailFieldStatus,
+  isPassFailFieldValue,
+  isSerializedPassFailFieldValue,
   isStringArray,
   maxFileSizeB,
   maxFileSizeKB,
   maxFileSizeMB,
-  separateFilesFromFieldValues,
-  separateFilesFromFields,
+  passFailFieldStatusMapping,
+  passFailFieldStatuses,
+  separateImagesFromFields,
   serializeFieldValues,
+  serializePassFailFieldValue,
   unchangedFieldValues,
+  useConditionManager,
   useFieldInput,
   useFieldInputs,
   useFormikInput,