@overmap-ai/core 1.0.57-export-overmap-reducer.3 → 1.0.57-export-overmap-reducer.5

package/dist/overmap-core.umd.cjs

@@ -2839,6 +2839,12 @@ var __publicField = (obj, key, value) => {
   const selectRecentProjects = (state) => {
     return state.projectReducer.recentProjectIds;
   };
+  const selectProject = restructureCreateSelectorWithArgs(
+    toolkit.createSelector(
+      [selectProjects, (_state, projectId) => projectId],
+      (projects, projectId) => projects[projectId]
+    )
+  );
   const selectSortedProjects = toolkit.createSelector(
     [selectActiveProject, selectProjects],
     (activeProject, projects) => {
@@ -3210,15 +3216,17 @@ var __publicField = (obj, key, value) => {
       }
     }
   });
+  const { setRehydrated } = rehydratedSlice.actions;
   const selectRehydrated = (state) => state.rehydratedReducer.isRehydrated;
   const rehydratedReducer = rehydratedSlice.reducer;
   const initialState$8 = {
     useIssueTemplate: false,
+    // TODO: marked for deletion
     placementMode: false,
     enableClustering: false,
     svgLayout: false,
-    // TODO: this is no longer used
     expandedSections: {
+      // TODO: marked for deletion
       Issues: true,
       "Map Layers": false,
       Components: false,
@@ -3264,6 +3272,8 @@ var __publicField = (obj, key, value) => {
   const {
     setEnableDuplicateIssues,
     setEnablePlacementMode,
+    setEnableSvgLayout,
+    // TODO: needs to actually be used in /web
     setSectionExpanded,
     setEnableClustering,
     setAppearance,
@@ -8380,7 +8390,7 @@ var __publicField = (obj, key, value) => {
   const patchfieldBorder = "_patchfieldBorder_1w0fq_73";
   const title = "_title_1w0fq_73";
   const error = "_error_1w0fq_89";
-  const styles$d = {
+  const styles$c = {
     description: description$2,
     floatingButtonContainer: floatingButtonContainer$2,
     FullScreenImageContainer: FullScreenImageContainer$2,
@@ -8493,179 +8503,6 @@ var __publicField = (obj, key, value) => {
   }
   __publicField(BaseField, "fieldTypeName");
   __publicField(BaseField, "fieldTypeDescription");
-  const description$1 = "_description_10o76_1";
-  const floatingButtonContainer$1 = "_floatingButtonContainer_10o76_5";
-  const FullScreenImageContainer$1 = "_FullScreenImageContainer_10o76_12";
-  const TopBarContainer$1 = "_TopBarContainer_10o76_22";
-  const fileName$1 = "_fileName_10o76_31";
-  const longIconButton$1 = "_longIconButton_10o76_36";
-  const previewImage$1 = "_previewImage_10o76_42";
-  const FullScreenImage$1 = "_FullScreenImage_10o76_12";
-  const styles$c = {
-    description: description$1,
-    floatingButtonContainer: floatingButtonContainer$1,
-    FullScreenImageContainer: FullScreenImageContainer$1,
-    TopBarContainer: TopBarContainer$1,
-    fileName: fileName$1,
-    longIconButton: longIconButton$1,
-    previewImage: previewImage$1,
-    FullScreenImage: FullScreenImage$1
-  };
-  const FullScreenImagePreview = React.memo((props) => {
-    const { file, url, name, setShowPreview } = props;
-    const handleDownload = React.useCallback(
-      (event) => {
-        event.stopPropagation();
-        const blob = new Blob([file]);
-        saveAs(blob, name);
-      },
-      [name, file]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: styles$c.FullScreenImageContainer,
-          type: "button",
-          onClick: () => {
-            setShowPreview(false);
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              className: styles$c.FullScreenImage,
-              src: url,
-              alt: name,
-              onClick: (e) => {
-                e.stopPropagation();
-              }
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$c.TopBarContainer, align: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            className: styles$c.longIconButton,
-            variant: "soft",
-            "aria-label": "Exit preview",
-            onClick: () => {
-              setShowPreview(false);
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowLeftLine" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$c.fileName, children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          blocks.IconButton,
-          {
-            className: styles$c.longIconButton,
-            variant: "soft",
-            "aria-label": `Download ${name}`,
-            onClick: handleDownload,
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" })
-          }
-        )
-      ] })
-    ] });
-  });
-  FullScreenImagePreview.displayName = "FullScreenImagePreview";
-  const InputWithLabel = (props) => {
-    const { label, children, size, severity, inputId, labelId, image, flexProps } = props;
-    const [resolvedImage, setResolvedImage] = React.useState(void 0);
-    const [showImagePreview, setShowImagePreview] = React.useState(false);
-    React.useEffect(() => {
-      if (image instanceof Promise) {
-        image.then(setResolvedImage).catch(console.error);
-      } else {
-        setResolvedImage(image);
-      }
-    }, [image]);
-    const resolvedImageURL = resolvedImage ? URL.createObjectURL(resolvedImage) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-      resolvedImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            className: styles$c.previewImage,
-            src: resolvedImageURL,
-            alt: resolvedImage.name,
-            onClick: () => {
-              setShowImagePreview(true);
-            }
-          }
-        ),
-        showImagePreview && /* @__PURE__ */ jsxRuntime.jsx(
-          FullScreenImagePreview,
-          {
-            file: resolvedImage,
-            url: resolvedImageURL,
-            name: resolvedImage.name,
-            setShowPreview: setShowImagePreview
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size, severity, id: labelId, children: label }),
-        children
-      ] }) })
-    ] });
-  };
-  const InputWithHelpText = (props) => {
-    const { helpText, children, severity } = props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity, className: styles$c.description, children: helpText }) })
-    ] });
-  };
-  const InputWithLabelAndHelpText = (props) => {
-    const { children, ...restProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { ...restProps, children });
-  };
-  const useFormikInput = (props) => {
-    const { id, field, formId: formId2, size, showInputOnly, ...rest } = props;
-    const [fieldProps, meta, helpers] = formik.useField(field.getId());
-    const { touched } = meta;
-    const helpText = meta.error ?? field.description;
-    const severity = meta.error ? "danger" : void 0;
-    const inputId = id ?? `${formId2}-${field.getId()}-input`;
-    const labelId = `${inputId}-label`;
-    const label = field.required ? `${field.label} *` : field.label;
-    const fieldPropsWithValidation = React.useMemo(() => {
-      const handleChange = (e) => {
-        const value = field.getValueFromChangeEvent(e);
-        void helpers.setValue(value, false).then();
-        if (touched || !field.onlyValidateAfterTouched) {
-          helpers.setError(field.getError(value));
-        }
-      };
-      const handleBlur = (e) => {
-        void helpers.setTouched(true, false).then();
-        helpers.setError(field.getError(field.getValueFromChangeEvent(e)));
-      };
-      return {
-        ...fieldProps,
-        onChange: handleChange,
-        onBlur: handleBlur
-      };
-    }, [field, fieldProps, helpers, touched]);
-    return [
-      {
-        helpText,
-        size,
-        severity,
-        inputId,
-        labelId,
-        label,
-        showInputOnly,
-        fieldProps: fieldPropsWithValidation,
-        helpers,
-        field
-      },
-      { ...rest, "aria-labelledby": labelId }
-    ];
-  };
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
   }
@@ -9533,10 +9370,10 @@ var __publicField = (obj, key, value) => {
   });
   Text.displayName = "Text";
   const sizes$7 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-  const variants$5 = ["solid", "soft", "outline", "ghost"];
+  const variants$4 = ["solid", "soft", "outline", "ghost"];
   const codePropDefs = {
     size: { type: "enum", values: sizes$7, default: void 0, responsive: true },
-    variant: { type: "enum", values: variants$5, default: "soft" },
+    variant: { type: "enum", values: variants$4, default: "soft" },
     weight: weightProp,
     color: colorProp,
     highContrast: highContrastProp
@@ -9703,10 +9540,10 @@ var __publicField = (obj, key, value) => {
   const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
   const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
   const sizes$6 = ["1", "2", "3"];
-  const variants$4 = ["classic", "surface", "soft"];
+  const variants$3 = ["classic", "surface", "soft"];
   const checkboxPropDefs = {
     size: { type: "enum", values: sizes$6, default: "2", responsive: true },
-    variant: { type: "enum", values: variants$4, default: "surface" },
+    variant: { type: "enum", values: variants$3, default: "surface" },
     color: colorProp,
     highContrast: highContrastProp
   };
@@ -11383,10 +11220,10 @@ var __publicField = (obj, key, value) => {
   const $faa2e61a3361514f$export$9a58ef0d7ad3278c = $faa2e61a3361514f$export$a5cf38a7a000fe77;
   const $faa2e61a3361514f$export$6521433ed15a34db = $faa2e61a3361514f$export$2c1b491743890dec;
   const sizes$5 = ["1", "2", "3"];
-  const variants$3 = ["classic", "surface", "soft"];
+  const variants$2 = ["classic", "surface", "soft"];
   const sliderPropDefs = {
     size: { type: "enum", values: sizes$5, default: "2", responsive: true },
-    variant: { type: "enum", values: variants$3, default: "surface" },
+    variant: { type: "enum", values: variants$2, default: "surface" },
     color: colorProp,
     highContrast: highContrastProp,
     radius: radiusProp
@@ -11408,10 +11245,10 @@ var __publicField = (obj, key, value) => {
   });
   Slider.displayName = "Slider";
   const sizes$4 = ["1", "2", "3"];
-  const variants$2 = ["classic", "surface", "soft"];
+  const variants$1 = ["classic", "surface", "soft"];
   const textFieldPropDefs = {
     size: { type: "enum", values: sizes$4, default: "2", responsive: true },
-    variant: { type: "enum", values: variants$2, default: "surface" },
+    variant: { type: "enum", values: variants$1, default: "surface" },
     color: colorProp,
     radius: radiusProp
   };
@@ -11500,125 +11337,10 @@ var __publicField = (obj, key, value) => {
     );
   });
   ScrollArea.displayName = "ScrollArea";
-  const $cddcb0b647441e34$var$AVATAR_NAME = "Avatar";
-  const [$cddcb0b647441e34$var$createAvatarContext, $cddcb0b647441e34$export$90370d16b488820f] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cddcb0b647441e34$var$AVATAR_NAME);
-  const [$cddcb0b647441e34$var$AvatarProvider, $cddcb0b647441e34$var$useAvatarContext] = $cddcb0b647441e34$var$createAvatarContext($cddcb0b647441e34$var$AVATAR_NAME);
-  const $cddcb0b647441e34$export$e2255cf6045e8d47 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { __scopeAvatar, ...avatarProps } = props;
-    const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-    return /* @__PURE__ */ React.createElement($cddcb0b647441e34$var$AvatarProvider, {
-      scope: __scopeAvatar,
-      imageLoadingStatus,
-      onImageLoadingStatusChange: setImageLoadingStatus
-    }, /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, avatarProps, {
-      ref: forwardedRef
-    })));
-  });
-  const $cddcb0b647441e34$var$IMAGE_NAME = "AvatarImage";
-  const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { __scopeAvatar, src, onLoadingStatusChange = () => {
-    }, ...imageProps } = props;
-    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$IMAGE_NAME, __scopeAvatar);
-    const imageLoadingStatus = $cddcb0b647441e34$var$useImageLoadingStatus(src);
-    const handleLoadingStatusChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a((status) => {
-      onLoadingStatusChange(status);
-      context.onImageLoadingStatusChange(status);
-    });
-    $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-      if (imageLoadingStatus !== "idle")
-        handleLoadingStatusChange(imageLoadingStatus);
-    }, [
-      imageLoadingStatus,
-      handleLoadingStatusChange
-    ]);
-    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$1({}, imageProps, {
-      ref: forwardedRef,
-      src
-    })) : null;
-  });
-  const $cddcb0b647441e34$var$FALLBACK_NAME = "AvatarFallback";
-  const $cddcb0b647441e34$export$69fffb6a9571fbfe = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { __scopeAvatar, delayMs, ...fallbackProps } = props;
-    const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
-    const [canRender, setCanRender] = React.useState(delayMs === void 0);
-    React.useEffect(() => {
-      if (delayMs !== void 0) {
-        const timerId = window.setTimeout(
-          () => setCanRender(true),
-          delayMs
-        );
-        return () => window.clearTimeout(timerId);
-      }
-    }, [
-      delayMs
-    ]);
-    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, fallbackProps, {
-      ref: forwardedRef
-    })) : null;
-  });
-  function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
-    const [loadingStatus, setLoadingStatus] = React.useState("idle");
-    $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-      if (!src) {
-        setLoadingStatus("error");
-        return;
-      }
-      let isMounted = true;
-      const image = new window.Image();
-      const updateStatus = (status) => () => {
-        if (!isMounted)
-          return;
-        setLoadingStatus(status);
-      };
-      setLoadingStatus("loading");
-      image.onload = updateStatus("loaded");
-      image.onerror = updateStatus("error");
-      image.src = src;
-      return () => {
-        isMounted = false;
-      };
-    }, [
-      src
-    ]);
-    return loadingStatus;
-  }
-  const $cddcb0b647441e34$export$be92b6f5f03c0fe9 = $cddcb0b647441e34$export$e2255cf6045e8d47;
-  const $cddcb0b647441e34$export$3e431a229df88919 = $cddcb0b647441e34$export$2cd8ae1985206fe8;
-  const $cddcb0b647441e34$export$fb8d7f40caaeea67 = $cddcb0b647441e34$export$69fffb6a9571fbfe;
-  const sizes$2 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-  const variants$1 = ["solid", "soft"];
-  const avatarPropDefs = {
-    size: { type: "enum", values: sizes$2, default: "3", responsive: true },
-    variant: { type: "enum", values: variants$1, default: "soft" },
-    color: { ...colorProp, default: void 0 },
-    highContrast: highContrastProp,
-    radius: radiusProp,
-    fallback: { type: "ReactNode", default: void 0, required: true }
-  };
-  const Avatar = React__namespace.forwardRef((props, forwardedRef) => {
-    const { rest: marginRest, ...marginProps } = extractMarginProps(props);
-    const { className, style, size = avatarPropDefs.size.default, variant = avatarPropDefs.variant.default, color = avatarPropDefs.color.default, highContrast = avatarPropDefs.highContrast.default, radius = avatarPropDefs.radius.default, fallback, ...imageProps } = marginRest;
-    const [status, setStatus] = React__namespace.useState("idle");
-    return React__namespace.createElement(
-      $cddcb0b647441e34$export$be92b6f5f03c0fe9,
-      { "data-accent-color": color, "data-radius": radius, className: classNames("rt-AvatarRoot", className, withBreakpoints(size, "rt-r-size"), `rt-variant-${variant}`, { "rt-high-contrast": highContrast }, withMarginProps(marginProps)), style },
-      status === "idle" || status === "loading" ? React__namespace.createElement("span", { className: "rt-AvatarFallback" }) : null,
-      status === "error" ? React__namespace.createElement($cddcb0b647441e34$export$fb8d7f40caaeea67, { className: classNames("rt-AvatarFallback", {
-        "rt-one-letter": typeof fallback === "string" && fallback.length === 1,
-        "rt-two-letters": typeof fallback === "string" && fallback.length === 2
-      }), delayMs: 0 }, fallback) : null,
-      React__namespace.createElement($cddcb0b647441e34$export$3e431a229df88919, { ref: forwardedRef, className: "rt-AvatarImage", ...imageProps, onLoadingStatusChange: (status2) => {
-        var _a2;
-        (_a2 = imageProps.onLoadingStatusChange) === null || _a2 === void 0 ? void 0 : _a2.call(imageProps, status2);
-        setStatus(status2);
-      } })
-    );
-  });
-  Avatar.displayName = "Avatar";
-  const sizes$1 = ["1", "2", "3", "4", "5"];
+  const sizes$2 = ["1", "2", "3", "4", "5"];
   const variants = ["surface", "classic", "ghost"];
   const cardPropDefs = {
-    size: { type: "enum", values: sizes$1, default: "1", responsive: true },
+    size: { type: "enum", values: sizes$2, default: "1", responsive: true },
     variant: { type: "enum", values: variants, default: "surface" }
   };
   const Card = React__namespace.forwardRef((props, forwardedRef) => {
@@ -11634,6 +11356,58 @@ var __publicField = (obj, key, value) => {
     return React__namespace.createElement(Comp, { ref: forwardedRef, ...cardProps, className: classNames("rt-reset", "rt-Card", className, withBreakpoints(size, "rt-r-size"), `rt-variant-${variant}`, withMarginProps(marginProps)) }, asChild ? getChild() : React__namespace.createElement("div", { className: "rt-CardInner" }, children));
   });
   Card.displayName = "Card";
+  const $89eedd556c436f6a$var$DEFAULT_ORIENTATION = "horizontal";
+  const $89eedd556c436f6a$var$ORIENTATIONS = [
+    "horizontal",
+    "vertical"
+  ];
+  const $89eedd556c436f6a$export$1ff3c3f08ae963c0 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+    const { decorative, orientation: orientationProp = $89eedd556c436f6a$var$DEFAULT_ORIENTATION, ...domProps } = props;
+    const orientation = $89eedd556c436f6a$var$isValidOrientation(orientationProp) ? orientationProp : $89eedd556c436f6a$var$DEFAULT_ORIENTATION;
+    const ariaOrientation = orientation === "vertical" ? orientation : void 0;
+    const semanticProps = decorative ? {
+      role: "none"
+    } : {
+      "aria-orientation": ariaOrientation,
+      role: "separator"
+    };
+    return /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
+      "data-orientation": orientation
+    }, semanticProps, domProps, {
+      ref: forwardedRef
+    }));
+  });
+  $89eedd556c436f6a$export$1ff3c3f08ae963c0.propTypes = {
+    orientation(props, propName, componentName) {
+      const propValue = props[propName];
+      const strVal = String(propValue);
+      if (propValue && !$89eedd556c436f6a$var$isValidOrientation(propValue))
+        return new Error($89eedd556c436f6a$var$getInvalidOrientationError(strVal, componentName));
+      return null;
+    }
+  };
+  function $89eedd556c436f6a$var$getInvalidOrientationError(value, componentName) {
+    return `Invalid prop \`orientation\` of value \`${value}\` supplied to \`${componentName}\`, expected one of:
+  - horizontal
+  - vertical
+
+Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
+  }
+  function $89eedd556c436f6a$var$isValidOrientation(orientation) {
+    return $89eedd556c436f6a$var$ORIENTATIONS.includes(orientation);
+  }
+  const $89eedd556c436f6a$export$be92b6f5f03c0fe9 = $89eedd556c436f6a$export$1ff3c3f08ae963c0;
+  const sizes$1 = ["1", "2", "3", "4"];
+  const separatorPropDefs = {
+    size: { type: "enum", values: sizes$1, default: "1", responsive: true },
+    color: { ...colorProp, default: "gray" }
+  };
+  const Separator = React__namespace.forwardRef((props, forwardedRef) => {
+    const { rest: marginRest, ...marginProps } = extractMarginProps(props);
+    const { className, size = separatorPropDefs.size.default, color = separatorPropDefs.color.default, ...separatorProps } = marginRest;
+    return React__namespace.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { "data-accent-color": color, ...separatorProps, ref: forwardedRef, className: classNames("rt-Separator", className, withBreakpoints(size, "rt-r-size"), withMarginProps(marginProps)) });
+  });
+  Separator.displayName = "Separator";
   const $69cb30bb0017df05$var$TABS_NAME = "Tabs";
   const [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd209d7b13a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($69cb30bb0017df05$var$TABS_NAME, [
     $d7bdfb9eb0fdf311$export$c7109489551a4f4
@@ -11804,6 +11578,181 @@ var __publicField = (obj, key, value) => {
     Trigger: TabsTrigger,
     Content: TabsContent
   });
+  const description$1 = "_description_10o76_1";
+  const floatingButtonContainer$1 = "_floatingButtonContainer_10o76_5";
+  const FullScreenImageContainer$1 = "_FullScreenImageContainer_10o76_12";
+  const TopBarContainer$1 = "_TopBarContainer_10o76_22";
+  const fileName$1 = "_fileName_10o76_31";
+  const longIconButton$1 = "_longIconButton_10o76_36";
+  const previewImage$1 = "_previewImage_10o76_42";
+  const FullScreenImage$1 = "_FullScreenImage_10o76_12";
+  const styles$b = {
+    description: description$1,
+    floatingButtonContainer: floatingButtonContainer$1,
+    FullScreenImageContainer: FullScreenImageContainer$1,
+    TopBarContainer: TopBarContainer$1,
+    fileName: fileName$1,
+    longIconButton: longIconButton$1,
+    previewImage: previewImage$1,
+    FullScreenImage: FullScreenImage$1
+  };
+  const FullScreenImagePreview = React.memo((props) => {
+    const { file, url, name, setShowPreview } = props;
+    const handleDownload = React.useCallback(
+      (event) => {
+        event.stopPropagation();
+        const blob = new Blob([file]);
+        saveAs(blob, name);
+      },
+      [name, file]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: styles$b.FullScreenImageContainer,
+          type: "button",
+          onClick: () => {
+            setShowPreview(false);
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              className: styles$b.FullScreenImage,
+              src: url,
+              alt: name,
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$b.TopBarContainer, align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          blocks.IconButton,
+          {
+            className: styles$b.longIconButton,
+            variant: "soft",
+            "aria-label": "Exit preview",
+            onClick: () => {
+              setShowPreview(false);
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowLeftLine" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { className: styles$b.fileName, children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          blocks.IconButton,
+          {
+            className: styles$b.longIconButton,
+            variant: "soft",
+            "aria-label": `Download ${name}`,
+            onClick: handleDownload,
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" })
+          }
+        )
+      ] })
+    ] });
+  });
+  FullScreenImagePreview.displayName = "FullScreenImagePreview";
+  const InputWithLabel = (props) => {
+    const { label, children, size, severity, inputId, labelId, image, flexProps } = props;
+    const [resolvedImage, setResolvedImage] = React.useState(void 0);
+    const [showImagePreview, setShowImagePreview] = React.useState(false);
+    const color = blocks.useSeverityColor(severity);
+    React.useEffect(() => {
+      if (image instanceof Promise) {
+        image.then(setResolvedImage).catch(console.error);
+      } else {
+        setResolvedImage(image);
+      }
+    }, [image]);
+    const resolvedImageURL = resolvedImage ? URL.createObjectURL(resolvedImage) : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", children: [
+      resolvedImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            className: styles$b.previewImage,
+            src: resolvedImageURL,
+            alt: resolvedImage.name,
+            onClick: () => {
+              setShowImagePreview(true);
+            }
+          }
+        ),
+        showImagePreview && /* @__PURE__ */ jsxRuntime.jsx(
+          FullScreenImagePreview,
+          {
+            file: resolvedImage,
+            url: resolvedImageURL,
+            name: resolvedImage.name,
+            setShowPreview: setShowImagePreview
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { size, color, id: labelId, children: label }),
+        children
+      ] }) })
+    ] });
+  };
+  const InputWithHelpText = (props) => {
+    const { helpText, children, severity } = props;
+    const color = blocks.useSeverityColor(severity);
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "1", children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "1", color, className: styles$b.description, children: helpText }) })
+    ] });
+  };
+  const InputWithLabelAndHelpText = (props) => {
+    const { children, ...restProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { ...restProps, children });
+  };
+  const useFormikInput = (props) => {
+    const { id, field, formId: formId2, size, showInputOnly, ...rest } = props;
+    const [fieldProps, meta, helpers] = formik.useField(field.getId());
+    const { touched } = meta;
+    const helpText = meta.error ?? field.description;
+    const severity = meta.error ? "danger" : void 0;
+    const inputId = id ?? `${formId2}-${field.getId()}-input`;
+    const labelId = `${inputId}-label`;
+    const label = field.required ? `${field.label} *` : field.label;
+    const fieldPropsWithValidation = React.useMemo(() => {
+      const handleChange = (e) => {
+        const value = field.getValueFromChangeEvent(e);
+        void helpers.setValue(value, false).then();
+        if (touched || !field.onlyValidateAfterTouched) {
+          helpers.setError(field.getError(value));
+        }
+      };
+      const handleBlur = (e) => {
+        void helpers.setTouched(true, false).then();
+        helpers.setError(field.getError(field.getValueFromChangeEvent(e)));
+      };
+      return {
+        ...fieldProps,
+        onChange: handleChange,
+        onBlur: handleBlur
+      };
+    }, [field, fieldProps, helpers, touched]);
+    return [
+      {
+        helpText,
+        size,
+        severity,
+        inputId,
+        labelId,
+        label,
+        showInputOnly,
+        fieldProps: fieldPropsWithValidation,
+        helpers,
+        field
+      },
+      { ...rest, "aria-labelledby": labelId }
+    ];
+  };
   const truthyValues = [true, "true"];
   const BooleanInput = React.memo((props) => {
     const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
@@ -12387,7 +12336,7 @@ var __publicField = (obj, key, value) => {
   });
   const clickableLinkContainer = "_clickableLinkContainer_1ace7_1";
   const TextFieldInputCopy = "_TextFieldInputCopy_1ace7_5";
-  const styles$b = {
+  const styles$a = {
     clickableLinkContainer,
     TextFieldInputCopy
   };
@@ -12416,13 +12365,13 @@ var __publicField = (obj, key, value) => {
             placeholder: field.placeholder,
             color
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(TextField$1.Root, { className: styles$b.clickableLinkContainer, children: [
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(TextField$1.Root, { className: styles$a.clickableLinkContainer, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: classNames$1(
                 "rt-TextFieldInput rt-r-size-2 rt-variant-surface",
-                styles$b.TextFieldInputCopy
+                styles$a.TextFieldInputCopy
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 Linkify,
@@ -12810,7 +12759,7 @@ var __publicField = (obj, key, value) => {
       },
       [setValueAndTouched, value]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsx(
         InputWithLabel,
         {
@@ -12820,7 +12769,7 @@ var __publicField = (obj, key, value) => {
           labelId,
           label,
           image: showInputOnly ? void 0 : field.image,
-          children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", children: [
+          children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { grow: "1", children: /* @__PURE__ */ jsxRuntime.jsx(
               TextField$1.Input,
               {
@@ -12848,7 +12797,7 @@ var __publicField = (obj, key, value) => {
           ] })
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
         value.map((option, index2) => /* @__PURE__ */ jsxRuntime.jsx(
           dnd.Draggable,
           {
@@ -12856,7 +12805,7 @@ var __publicField = (obj, key, value) => {
             index: index2,
             isDragDisabled: disabled,
             children: ({ draggableProps, dragHandleProps, innerRef }) => /* @__PURE__ */ jsxRuntime.jsx(
-              blocks.Flex,
+              Flex,
               {
                 ...dragHandleProps,
                 ...draggableProps,
@@ -13114,7 +13063,7 @@ var __publicField = (obj, key, value) => {
   __publicField(_MultiSelectField, "Icon", RiCheckboxLine);
   let MultiSelectField = _MultiSelectField;
   const QrScannerWrapper = "_QrScannerWrapper_1puz3_1";
-  const styles$a = {
+  const styles$9 = {
     QrScannerWrapper
   };
   const QrInput = React.memo((props) => {
@@ -13210,7 +13159,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Flex,
       {
-        className: styles$a.QrScannerWrapper,
+        className: styles$9.QrScannerWrapper,
         width: "100%",
         height: "100%",
         direction: "column",
@@ -13325,7 +13274,7 @@ var __publicField = (obj, key, value) => {
   const Relative = "_Relative_103p8_15";
   const PDFScrollArea = "_PDFScrollArea_103p8_19";
   const ErrorContainer = "_ErrorContainer_103p8_24";
-  const styles$9 = {
+  const styles$8 = {
     PDFViewerTopbar,
     PDFViewerOverlay,
     PDFContainer,
@@ -13382,10 +13331,10 @@ var __publicField = (obj, key, value) => {
       {
         open: true,
         overlay: true,
-        overlayClass: styles$9.PDFViewerOverlay,
+        overlayClass: styles$8.PDFViewerOverlay,
         onOpenChange: onClose,
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { width: "100%", height: "100%", align: "center", direction: "column", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$9.PDFViewerTopbar, height: "8", width: "100%", align: "center", px: "2", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", variant: "soft", severity: "info", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$8.PDFViewerTopbar, height: "8", width: "100%", align: "center", px: "2", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", variant: "soft", severity: "info", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", width: "100%", children: [
               /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
@@ -13416,16 +13365,16 @@ var __publicField = (obj, key, value) => {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Flex,
                   {
-                    className: styles$9.PDFContainer,
+                    className: styles$8.PDFContainer,
                     width: "max-content",
                     height: "max-content",
                     direction: "column",
                     align: "center",
                     justify: "center",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: styles$9.PDFScrollArea, scrollbars: "both", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: styles$8.PDFScrollArea, scrollbars: "both", children: /* @__PURE__ */ jsxRuntime.jsxs(
                       reactPdf.Document,
                       {
-                        className: styles$9.Relative,
+                        className: styles$8.Relative,
                         file,
                         onLoadSuccess: handleLoadSuccess,
                         onLoadError: handleLoadError,
@@ -13474,7 +13423,7 @@ var __publicField = (obj, key, value) => {
   });
   SpinnerComponent.displayName = "SpinnerComponent";
   const ErrorComponent = React.memo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$9.ErrorContainer, align: "center", justify: "center", direction: "column", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$8.ErrorContainer, align: "center", justify: "center", direction: "column", children: [
       /* @__PURE__ */ jsxRuntime.jsx(blocks.IconColorUtility, { severity: "info", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileWarningLine", size: 40 }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "2", color: "gray", weight: "light", children: "Failed to load" })
     ] });
@@ -13483,7 +13432,7 @@ var __publicField = (obj, key, value) => {
   const SUPPORTED_PDF_FILE_TYPES = ["application/pdf"];
   const ImageViewerTopbar = "_ImageViewerTopbar_1n2bl_1";
   const ImageViewerOverlay = "_ImageViewerOverlay_1n2bl_5";
-  const styles$8 = {
+  const styles$7 = {
     ImageViewerTopbar,
     ImageViewerOverlay
   };
@@ -13546,9 +13495,9 @@ var __publicField = (obj, key, value) => {
         open: true,
         onOpenChange: onClose,
         overlay: true,
-        overlayClass: styles$8.ImageViewerOverlay,
+        overlayClass: styles$7.ImageViewerOverlay,
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { width: "100%", height: "100%", direction: "column", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$8.ImageViewerTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", severity: "info", variant: "soft", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$7.ImageViewerTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", severity: "info", variant: "soft", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Flex, { justify: "start", gap: "2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
@@ -13616,7 +13565,7 @@ var __publicField = (obj, key, value) => {
   const Spreadsheet = "_Spreadsheet_qnmq7_1";
   const SpreadsheetViewerContent = "_SpreadsheetViewerContent_qnmq7_17";
   const SpreadsheetOverlay = "_SpreadsheetOverlay_qnmq7_24";
-  const styles$7 = {
+  const styles$6 = {
     SpreadsheetViewer: SpreadsheetViewer$1,
     SpreadsheetViewerTopbar,
     Spreadsheet,
@@ -13693,10 +13642,10 @@ var __publicField = (obj, key, value) => {
       {
         open: true,
         overlay: true,
-        overlayClass: styles$7.SpreadsheetOverlay,
+        overlayClass: styles$6.SpreadsheetOverlay,
         onOpenChange: onClose,
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", width: "100%", height: "100%", style: { overflow: "none" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$7.SpreadsheetViewerTopbar, height: "8", width: "100%", px: "2", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$6.SpreadsheetViewerTopbar, height: "8", width: "100%", px: "2", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(
             blocks.ButtonGroup,
             {
               align: "center",
@@ -13734,7 +13683,7 @@ var __publicField = (obj, key, value) => {
               p: "2",
               style: { overflow: "hidden" },
               children: /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$7.SpreadsheetViewerContent, children: /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$6.SpreadsheetViewerContent, children: /* @__PURE__ */ jsxRuntime.jsx(
                   ScrollArea,
                   {
                     scrollbars: "both",
@@ -13747,7 +13696,7 @@ var __publicField = (obj, key, value) => {
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       Spreadsheet2,
                       {
-                        className: styles$7.Spreadsheet,
+                        className: styles$6.Spreadsheet,
                         data: data.data,
                         rowLabels: data.rowLabels,
                         columnLabels: data.columnLabels
@@ -13808,7 +13757,7 @@ var __publicField = (obj, key, value) => {
   const Prompt = "_Prompt_8zvut_14";
   const centered = "_centered_8zvut_25";
   const MarkupImage = "_MarkupImage_8zvut_25";
-  const styles$6 = {
+  const styles$5 = {
     ImageMarkupContent,
     ImageMarkupOverlay,
     ImageMarkupTopbar,
@@ -13932,7 +13881,7 @@ var __publicField = (obj, key, value) => {
       {
         open: true,
         overlay: true,
-        overlayClass: styles$6.ImageMarkupOverlay,
+        overlayClass: styles$5.ImageMarkupOverlay,
         onOpenChange: onClose,
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           originalImageSize && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13946,7 +13895,7 @@ var __publicField = (obj, key, value) => {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(Flex, { height: "100%", width: "100%", position: "relative", direction: "column", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$6.ImageMarkupTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { severity: "info", size: "medium", variant: "soft", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$5.ImageMarkupTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { severity: "info", size: "medium", variant: "soft", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", onClick: handleCancel, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": `Download ${file.name}`, onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
@@ -13961,7 +13910,7 @@ var __publicField = (obj, key, value) => {
                     trigger: /* @__PURE__ */ jsxRuntime.jsx(
                       blocks.IconButton,
                       {
-                        className: styles$6.MarkupEditButton,
+                        className: styles$5.MarkupEditButton,
                         "aria-label": "Markup color picker",
                         type: "button",
                         variant: "solid",
@@ -14009,7 +13958,7 @@ var __publicField = (obj, key, value) => {
                     children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiEraserFill" })
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { orientation: "vertical", size: "4" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", size: "4" }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleUndoLast, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowGoBackLine" }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "redo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleRedoLast, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowGoForwardLine" }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo all", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo all", onClick: handleUndoAll, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiLoopLeftLine" }) }) })
@@ -14036,7 +13985,7 @@ var __publicField = (obj, key, value) => {
                       alt: "Photo attachment",
                       ref: watchResizeTarget,
                       src: file.objectURL,
-                      className: styles$6.MarkupImage
+                      className: styles$5.MarkupImage
                     }
                   ),
                   loading ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -14117,7 +14066,7 @@ var __publicField = (obj, key, value) => {
   FileViewerProvider.displayName = "FileViewerProvider";
   const FileCard$1 = "_FileCard_ledcm_1";
   const Errored = "_Errored_ledcm_7";
-  const styles$5 = {
+  const styles$4 = {
     FileCard: FileCard$1,
     Errored
   };
@@ -14133,9 +14082,9 @@ var __publicField = (obj, key, value) => {
         blocks.OvermapItem,
         {
           className: classNames$1(
-            styles$5.FileCard,
+            styles$4.FileCard,
             {
-              [styles$5.Errored]: error2
+              [styles$4.Errored]: error2
             },
             className
           ),
@@ -14154,7 +14103,7 @@ var __publicField = (obj, key, value) => {
   const Image$1 = "_Image_kbztw_1";
   const Footer = "_Footer_kbztw_19";
   const Loading = "_Loading_kbztw_22";
-  const styles$4 = {
+  const styles$3 = {
     ImageCard: ImageCard$1,
     ImageInset,
     Image: Image$1,
@@ -14180,7 +14129,7 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsxs(
         Flex,
         {
-          className: classNames$1(className, styles$4.ImageCard),
+          className: classNames$1(className, styles$3.ImageCard),
           width: "100%",
           direction: "column",
           position: "relative",
@@ -14190,12 +14139,12 @@ var __publicField = (obj, key, value) => {
           ...rest,
           children: [
             !file && !error2 && /* @__PURE__ */ jsxRuntime.jsx(Flex, { width: "100%", height: "100%", align: "center", justify: "center", position: "absolute", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Inset, { className: styles$4.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$4.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Inset, { className: styles$3.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsxRuntime.jsx("img", { className: styles$3.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               blocks.OvermapItem,
               {
-                className: classNames$1(styles$4.Footer, {
-                  [styles$4.Loading]: !file
+                className: classNames$1(styles$3.Footer, {
+                  [styles$3.Loading]: !file
                 }),
                 size,
                 ref: fileCardRef,
@@ -14244,7 +14193,7 @@ var __publicField = (obj, key, value) => {
     const multipleButtonText = value ? "Select new files" : "Select files";
     const singleButtonText = value ? "Select new file" : "Select a file";
     const buttonText = field.maxFiles > 1 ? multipleButtonText : singleButtonText;
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsxs(
         InputWithLabel,
         {
@@ -14255,7 +14204,7 @@ var __publicField = (obj, key, value) => {
           label,
           image: showInputOnly ? void 0 : field.image,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...rest, variant: "soft", onClick: handleClick, id: "upload-input-upload-button", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...rest, variant: "soft", onClick: handleClick, id: "upload-input-upload-button", children: [
               /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiUpload2Line" }),
               " ",
               buttonText
@@ -14278,7 +14227,7 @@ var __publicField = (obj, key, value) => {
           ]
         }
       ) }),
-      Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", height: "max-content", children: value.map((file, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+      Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", gap: "2", height: "max-content", children: value.map((file, index2) => /* @__PURE__ */ jsxRuntime.jsx(
         DisplayFile,
         {
           field,
@@ -14594,7 +14543,7 @@ var __publicField = (obj, key, value) => {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { children: field.getInput(props) }, field.getId());
       });
     }, [fields, props]);
-    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "column", gap: "2", children: inputs });
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex, { direction: "column", gap: "2", children: inputs });
   };
   const FieldSectionLayout = React.memo((props) => {
     const { field: section, ...rest } = props;
@@ -14619,10 +14568,10 @@ var __publicField = (obj, key, value) => {
     if (!label) {
       return inputs;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Heading, { as: "h3", size: "3", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$c.description, children: description2 })
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { className: styles$b.description, children: description2 })
       ] }),
       inputs
     ] }) });
@@ -14865,7 +14814,7 @@ var __publicField = (obj, key, value) => {
         [schema.title]
       );
       const Description = React.useMemo(
-        () => typeof schema.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$c.description, children: schema.description }) : schema.description,
+        () => typeof schema.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { className: styles$b.description, children: schema.description }) : schema.description,
         [schema.description]
       );
       const inputs = useFieldInputs(schema.fields, { formId: formId2, disabled: readonly });
@@ -14875,13 +14824,13 @@ var __publicField = (obj, key, value) => {
         if (onDirtyChange)
           onDirtyChange(dirty);
       }, [dirty, onDirty, onDirtyChange]);
-      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId2, onSubmit: formik$1.handleSubmit, children: [
-        !hideTitle && /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
+      return /* @__PURE__ */ jsxRuntime.jsx(formik.FormikProvider, { value: formik$1, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId2, onSubmit: formik$1.handleSubmit, children: [
+        !hideTitle && /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "1", children: [
           Title,
           !hideDescription && Description
         ] }) }),
         inputs,
-        !readonly && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$c.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
+        !readonly && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$b.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
           cancelText && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { severity: "info", ...buttonProps, type: "button", onClick: onCancel, children: cancelText }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { ...buttonProps, type: "submit", disabled: !formik$1.isValid, children: submitText })
         ] })
@@ -14933,7 +14882,7 @@ var __publicField = (obj, key, value) => {
   );
   const favoriteIcon = "_favoriteIcon_1bixi_1";
   const regularIcon = "_regularIcon_1bixi_9";
-  const styles$3 = {
+  const styles$2 = {
     favoriteIcon,
     regularIcon
   };
@@ -14993,8 +14942,8 @@ var __publicField = (obj, key, value) => {
       const numberOfForms = reactRedux.useSelector(selectGeneralFormCount) || 0;
       const numberOfHiddenForms = numberOfForms - attachableUserForms.length;
       const overflowMessage = attachableUserForms.length == maxResults && numberOfHiddenForms > 0 ? `Only the first ${maxResults} results are shown (${numberOfHiddenForms} hidden)` : numberOfHiddenForms > 0 && `${numberOfHiddenForms} hidden forms`;
-      return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ref, direction: "column", gap: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", grow: "1", children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ref, direction: "column", gap: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", grow: "1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TextField$1.Root, { size: "3", children: /* @__PURE__ */ jsxRuntime.jsx(TextField$1.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             blocks.Select,
@@ -15018,7 +14967,7 @@ var __publicField = (obj, key, value) => {
           },
           form.offline_id
         )) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Box, { px: "3", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", severity: "info", children: overflowMessage }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { px: "3", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "2", color: "gray", children: overflowMessage }) })
       ] });
     })
   );
@@ -15044,12 +14993,12 @@ var __publicField = (obj, key, value) => {
           onSelectForm(form);
         },
         asChild: true,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { justify: "between", gap: "2", py: "2", px: "3", ...blocks.divButtonProps, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", align: "center", gap: "2", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { justify: "between", gap: "2", py: "2", px: "3", ...blocks.divButtonProps, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { grow: "1", align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               blocks.IconButton,
               {
-                className: classNames$1(form.favorite ? styles$3.favoriteIcon : styles$3.regularIcon),
+                className: classNames$1(form.favorite ? styles$2.favoriteIcon : styles$2.regularIcon),
                 variant: "ghost",
                 onClick: handleFavoriteClick,
                 "aria-label": form.favorite ? "Favorite form" : "Standard form",
@@ -15057,10 +15006,10 @@ var __publicField = (obj, key, value) => {
                 children: form.favorite ? /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiStarFill" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiStarLine" })
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { noWrap: true, children: form.latestRevision.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { children: form.latestRevision.title }),
             form.latestRevision.description && /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiQuestionLine" })
           ] }),
-          owner && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+          owner && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiUserLine" }),
             " ",
             owner
@@ -15073,101 +15022,6 @@ var __publicField = (obj, key, value) => {
     }
     return ret;
   };
-  const submissionsContainer = "_submissionsContainer_9iirt_1";
-  const stopHorizontalOverflow = "_stopHorizontalOverflow_9iirt_6";
-  const styles$2 = {
-    submissionsContainer,
-    stopHorizontalOverflow
-  };
-  const FormSubmissionBrowserEntry = React.memo((props) => {
-    var _a2;
-    const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
-    const currentUser = reactRedux.useSelector(selectCurrentUser);
-    const createdBy = reactRedux.useSelector(selectUser("created_by" in submission ? submission.created_by : currentUser.id));
-    const dateToUse = submission.submitted_at;
-    const formattedDateTime = getLocalDateString(dateToUse);
-    const revision = reactRedux.useSelector(selectFormRevision(submission.form_revision));
-    if (!revision) {
-      throw new Error(`Could not find revision ${submission.form_revision} for submission ${submission.offline_id}.`);
-    }
-    const latestRevisionNumber = (_a2 = reactRedux.useSelector(selectLatestFormRevisionOfForm(revision.form))) == null ? void 0 : _a2.revision;
-    const creatorProfileSrc = useFileSrc({
-      file: (createdBy == null ? void 0 : createdBy.profile.file) ?? null,
-      fileSha1: (createdBy == null ? void 0 : createdBy.profile.file_sha1) ?? null
-    });
-    const creatorProfileFallback = (createdBy == null ? void 0 : createdBy.username.charAt(0).toUpperCase()) ?? "?";
-    const isLatestRevision = revision.revision === latestRevisionNumber;
-    const handleClick = React.useCallback(() => {
-      if (onSubmissionClick) {
-        onSubmissionClick({ submission });
-      }
-    }, [submission, onSubmissionClick]);
-    const row = /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonList.Item, { onClick: handleClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", className: styles$2.stopHorizontalOverflow, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: creatorProfileSrc, size: "1", fallback: creatorProfileFallback }),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: labelType === "creator" ? (createdBy || currentUser).username : revision.title })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "2", align: "center", children: [
-        !compact && (revision.revision ? /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { variant: "soft", severity: isLatestRevision ? "primary" : "info", children: [
-          "Revision #$",
-          revision.revision
-        ] }) : !!latestRevisionNumber && /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { children: "Original" })),
-        /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", noWrap: true, children: formattedDateTime })
-      ] })
-    ] }) });
-    if (rowDecorator) {
-      return rowDecorator(submission, row);
-    }
-    return row;
-  });
-  FormSubmissionBrowserEntry.displayName = "FormSubmissionBrowserEntry";
-  const FormSubmissionBrowser = React.memo((props) => {
-    const {
-      formId: formId2,
-      submissions: propSubmissions,
-      compact = false,
-      className,
-      after,
-      variant = "outline",
-      ...submissionEntryProps
-    } = props;
-    if (!!formId2 === !!propSubmissions) {
-      throw new Error("Either formId or submissions must be provided, but not both.");
-    }
-    const submissions = reactRedux.useSelector(propSubmissions ? () => propSubmissions : selectFormSubmissionsOfForm(formId2));
-    const sortedSubmissions = React.useMemo(
-      () => submissions == null ? void 0 : submissions.sort((a, b) => {
-        return a.submitted_at.localeCompare(b.submitted_at);
-      }),
-      [submissions]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      blocks.ButtonList.Root,
-      {
-        className: classNames$1(styles$2.submissionsContainer, className),
-        size: "small",
-        variant,
-        before: !compact && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { severity: "info", children: [
-          "There are ",
-          ((submissions == null ? void 0 : submissions.length) || 0).toString(),
-          " submissions of this form."
-        ] }),
-        after,
-        children: sortedSubmissions == null ? void 0 : sortedSubmissions.map((submission, index2) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            FormSubmissionBrowserEntry,
-            {
-              submission,
-              compact,
-              ...submissionEntryProps
-            },
-            index2
-          );
-        })
-      }
-    );
-  });
-  FormSubmissionBrowser.displayName = "FormSubmissionBrowser";
   const PatchField = React.memo((props) => {
     const { name, render } = props;
     const { submitForm } = formik.useFormikContext();
@@ -15327,7 +15181,7 @@ var __publicField = (obj, key, value) => {
       return actions2;
     }, [duplicate, index2, move, remove2, sectionIndex, type, values.fields]);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { display: forMobile(false, "flex"), direction: "column", gap: "5", mx: "2", children: actions.map((Action) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(Flex, { display: forMobile(false, "flex"), direction: "column", gap: "5", mx: "2", children: actions.map((Action) => /* @__PURE__ */ jsxRuntime.jsx(
         blocks.IconButton,
         {
           type: "button",
@@ -15436,12 +15290,12 @@ var __publicField = (obj, key, value) => {
             hoverEffects: ["spin90Clockwise"],
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiSettings2Line" }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: "Settings" })
+              /* @__PURE__ */ jsxRuntime.jsx(Text, { children: "Settings" })
             ]
           },
           "settings"
         ),
-        children: () => /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { className: styles.popoverInputsContainer, direction: "column", children: popoverInputs })
+        children: () => /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles.popoverInputsContainer, direction: "column", children: popoverInputs })
       }
     );
   });
@@ -15577,15 +15431,16 @@ var __publicField = (obj, key, value) => {
       const error2 = get(errors, fieldCls === FieldSection ? `${parentPath}.${index2}.condition` : field.getId());
       return error2 && (typeof error2 !== "object" || hasKeys(error2));
     });
+    const color = blocks.useSeverityColor(popoverHasErrors ? "danger" : "primary");
     const deserializedField = React.useMemo(() => deserialize(initial), [initial]);
     const previewInput2 = useFieldInput(deserializedField, { formId, disabled: true, showInputOnly: true });
-    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { ref: containerRef, align: "center", grow: "1", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", width: "100%", children: [
-        fieldCls === FieldSection && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "1", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ref: containerRef, align: "center", grow: "1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", width: "100%", children: [
+        fieldCls === FieldSection && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "1", children: [
           directlyShownFields.length > 0 && directlyShownInputs,
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "2", children: [
             showPopoverInputs && /* @__PURE__ */ jsxRuntime.jsx(FieldSettingsPopover, { popoverInputs, hasError: popoverHasErrors }),
-            isSection(initial) && initial.conditional && /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "1", severity: popoverHasErrors ? "danger" : "primary", children: /* @__PURE__ */ jsxRuntime.jsxs(Em, { children: [
+            isSection(initial) && initial.conditional && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "1", color, children: /* @__PURE__ */ jsxRuntime.jsxs(Em, { children: [
               "Display only if ",
               /* @__PURE__ */ jsxRuntime.jsx(Strong, { children: conditionLabel }),
               " ",
@@ -15595,22 +15450,18 @@ var __publicField = (obj, key, value) => {
             ] }) })
           ] })
         ] }),
-        fieldCls !== FieldSection && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
+        fieldCls !== FieldSection && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             PatchField,
             {
               name: `${parentPath}.${index2}.required`,
-              render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
-                blocks.Checkbox,
-                {
-                  checked: value,
-                  onCheckedChange: setValue,
-                  label: /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "2", children: "Required field" })
-                }
-              )
+              render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "1", align: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: value, onCheckedChange: setValue }),
+                /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "2", children: "Required field" })
+              ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { className: styles.typeBadge, children: (_f = fieldTypeItems.flat().find((item) => item.value === type)) == null ? void 0 : _f.children }),
             showPopoverInputs && /* @__PURE__ */ jsxRuntime.jsx(FieldSettingsPopover, { popoverInputs, hasError: popoverHasErrors })
           ] }),
@@ -15782,7 +15633,7 @@ var __publicField = (obj, key, value) => {
           borderColor: "var(--accent-3)"
         },
         mb: "4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "4", justify: "between", align: "center", children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "4", justify: "between", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editFieldProps }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldActions,
@@ -15941,8 +15792,8 @@ var __publicField = (obj, key, value) => {
           ...draggableProvided.draggableProps,
           ...draggableProvided.dragHandleProps,
           mb: "4",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { gap: "3", justify: "between", align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", grow: "1", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "3", justify: "between", align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", grow: "1", children: [
               !fieldsOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldBuilder, { ...editSectionProps }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 dnd.Droppable,
@@ -15951,7 +15802,7 @@ var __publicField = (obj, key, value) => {
                   type: "SECTION",
                   isDropDisabled,
                   children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    blocks.Flex,
+                    Flex,
                     {
                       ref: droppableProvided.innerRef,
                       ...droppableProvided.droppableProps,
@@ -16110,7 +15961,7 @@ var __publicField = (obj, key, value) => {
       [values, setFieldValue]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(dnd.DragDropContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { droppableId: "droppable", type: "ROOT", children: (droppableProvided) => /* @__PURE__ */ jsxRuntime.jsxs(
-      blocks.Flex,
+      Flex,
       {
         ref: droppableProvided.innerRef,
         ...droppableProvided.droppableProps,
@@ -16228,19 +16079,20 @@ var __publicField = (obj, key, value) => {
         validateOnBlur: false
       });
       const previewSchema = React.useMemo(() => formRevisionToSchema(formik$1.values), [formik$1.values]);
-      return /* @__PURE__ */ jsxRuntime.jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
-        showTabs && /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: classNames$1(styles$d.tabsList, tabsListClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$d.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+      const dangerColor = blocks.useSeverityColor("danger");
+      return /* @__PURE__ */ jsxRuntime.jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "column", gap: "2", children: [
+        showTabs && /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: classNames$1(styles$c.tabsList, tabsListClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiPencilLine" }),
             "Edit"
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$d.tabTrigger, value: "preview", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "preview", children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiEyeLine" }),
             "Preview"
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(Tabs.Content, { value: "edit", children: [
-          showExplainerText && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Text, { children: [
+          showExplainerText && /* @__PURE__ */ jsxRuntime.jsxs(Text, { children: [
             "Create your form using various field types. Sections can be",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "conditionally rendered" }),
@@ -16248,7 +16100,7 @@ var __publicField = (obj, key, value) => {
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "answers to fields in preceding sections. " })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: formId, onSubmit: formik$1.handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(formik.FormikProvider, { value: formik$1, children: [
               showFormTitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -16258,8 +16110,8 @@ var __publicField = (obj, key, value) => {
                     render: ({ setValue, value, meta }) => /* @__PURE__ */ jsxRuntime.jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(
                       blocks.Input,
                       {
-                        className: classNames$1(styles$d.title, {
-                          [styles$d.error]: meta.error
+                        className: classNames$1(styles$c.title, {
+                          [styles$c.error]: meta.error
                         }),
                         placeholder: "Form title",
                         value,
@@ -16281,7 +16133,7 @@ var __publicField = (obj, key, value) => {
                     render: ({ setValue, value }) => /* @__PURE__ */ jsxRuntime.jsx(
                       blocks.TextArea,
                       {
-                        className: styles$d.description,
+                        className: styles$c.description,
                         placeholder: "Explain the purpose of this form",
                         value,
                         onChange: (event) => {
@@ -16297,9 +16149,9 @@ var __publicField = (obj, key, value) => {
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(FieldsEditor, { fieldsOnly }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { severity: "danger", size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
+              /* @__PURE__ */ jsxRuntime.jsx(Text, { color: dangerColor, size: "1", children: typeof formik$1.errors.fields === "string" && formik$1.errors.fields })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { className: styles$d.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$c.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
               onCancel && /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Button, { type: "submit", children: "Save form" })
             ] })
@@ -16321,7 +16173,6 @@ var __publicField = (obj, key, value) => {
     FormBrowser,
     FormBuilder,
     FormRenderer,
-    FormSubmissionBrowser,
     FormSubmissionViewer,
     InputWithHelpText,
     InputWithLabel,
@@ -16400,7 +16251,6 @@ var __publicField = (obj, key, value) => {
   exports2.FormBrowser = FormBrowser;
   exports2.FormBuilder = FormBuilder;
   exports2.FormRenderer = FormRenderer;
-  exports2.FormSubmissionBrowser = FormSubmissionBrowser;
   exports2.FormSubmissionViewer = FormSubmissionViewer;
   exports2.GREEN = GREEN;
   exports2.HttpMethod = HttpMethod;
@@ -16849,6 +16699,7 @@ var __publicField = (obj, key, value) => {
   exports2.selectOrganizationsWithAccess = selectOrganizationsWithAccess;
   exports2.selectPermittedWorkspaceIds = selectPermittedWorkspaceIds;
   exports2.selectPhotoAttachmentsOfIssue = selectPhotoAttachmentsOfIssue;
+  exports2.selectProject = selectProject;
   exports2.selectProjectAccess = selectProjectAccess;
   exports2.selectProjectAccessForUser = selectProjectAccessForUser;
   exports2.selectProjectAccessUserMapping = selectProjectAccessUserMapping;
@@ -16920,6 +16771,7 @@ var __publicField = (obj, key, value) => {
   exports2.setEnableClustering = setEnableClustering;
   exports2.setEnableDuplicateIssues = setEnableDuplicateIssues;
   exports2.setEnablePlacementMode = setEnablePlacementMode;
+  exports2.setEnableSvgLayout = setEnableSvgLayout;
   exports2.setFormRevision = setFormRevision;
   exports2.setFormRevisionAttachments = setFormRevisionAttachments;
   exports2.setFormRevisions = setFormRevisions;
@@ -16949,6 +16801,7 @@ var __publicField = (obj, key, value) => {
   exports2.setProjectAttachments = setProjectAttachments;
   exports2.setProjectFileVisible = setProjectFileVisible;
   exports2.setProjects = setProjects;
+  exports2.setRehydrated = setRehydrated;
   exports2.setSectionExpanded = setSectionExpanded;
   exports2.setShowTooltips = setShowTooltips;
   exports2.setStageCompletions = setStageCompletions;