@overmap-ai/core 1.0.57-export-overmap-reducer.2 → 1.0.57-export-overmap-reducer.4

package/dist/overmap-core.js

@@ -6,9 +6,9 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 import * as React from "react";
-import React__default, { useState, useEffect, useRef, useMemo, memo, useCallback, createContext, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment as Fragment$1, useLayoutEffect, useReducer, lazy, Suspense } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Checkbox as Checkbox$1, Input, useAlertDialog } from "@overmap-ai/blocks";
+import React__default, { useState, useEffect, useRef, useMemo, useCallback, createContext, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useReducer, memo, lazy, Suspense } from "react";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, IconButton, RiIcon, useSeverityColor, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
 import saveAs$1, { saveAs } from "file-saver";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
@@ -2849,6 +2849,12 @@ const selectActiveProject = (state) => {
 const selectRecentProjects = (state) => {
   return state.projectReducer.recentProjectIds;
 };
+const selectProject = restructureCreateSelectorWithArgs(
+  createSelector(
+    [selectProjects, (_state, projectId) => projectId],
+    (projects, projectId) => projects[projectId]
+  )
+);
 const selectSortedProjects = createSelector(
   [selectActiveProject, selectProjects],
   (activeProject, projects) => {
@@ -3220,15 +3226,17 @@ const rehydratedSlice = createSlice({
     }
   }
 });
+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,
@@ -3274,6 +3282,8 @@ const settingSlice = createSlice({
 const {
   setEnableDuplicateIssues,
   setEnablePlacementMode,
+  setEnableSvgLayout,
+  // TODO: needs to actually be used in /web
   setSectionExpanded,
   setEnableClustering,
   setAppearance,
@@ -8390,7 +8400,7 @@ const tabTrigger = "_tabTrigger_1w0fq_69";
 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,
@@ -8503,179 +8513,6 @@ class BaseField extends BaseFormElement {
 }
 __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 = memo((props) => {
-  const { file, url, name, setShowPreview } = props;
-  const handleDownload = useCallback(
-    (event) => {
-      event.stopPropagation();
-      const blob = new Blob([file]);
-      saveAs$1(blob, name);
-    },
-    [name, file]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: styles$c.FullScreenImageContainer,
-        type: "button",
-        onClick: () => {
-          setShowPreview(false);
-        },
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: styles$c.FullScreenImage,
-            src: url,
-            alt: name,
-            onClick: (e) => {
-              e.stopPropagation();
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex$1, { className: styles$c.TopBarContainer, align: "center", children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: styles$c.longIconButton,
-          variant: "soft",
-          "aria-label": "Exit preview",
-          onClick: () => {
-            setShowPreview(false);
-          },
-          children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiArrowLeftLine" })
-        }
-      ),
-      /* @__PURE__ */ jsx(Text$1, { className: styles$c.fileName, children: name }),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          className: styles$c.longIconButton,
-          variant: "soft",
-          "aria-label": `Download ${name}`,
-          onClick: handleDownload,
-          children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiDownload2Line" })
-        }
-      )
-    ] })
-  ] });
-});
-FullScreenImagePreview.displayName = "FullScreenImagePreview";
-const InputWithLabel = (props) => {
-  const { label, children, size, severity, inputId, labelId, image, flexProps } = props;
-  const [resolvedImage, setResolvedImage] = useState(void 0);
-  const [showImagePreview, setShowImagePreview] = useState(false);
-  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__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
-    resolvedImage && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          className: styles$c.previewImage,
-          src: resolvedImageURL,
-          alt: resolvedImage.name,
-          onClick: () => {
-            setShowImagePreview(true);
-          }
-        }
-      ),
-      showImagePreview && /* @__PURE__ */ jsx(
-        FullScreenImagePreview,
-        {
-          file: resolvedImage,
-          url: resolvedImageURL,
-          name: resolvedImage.name,
-          setShowPreview: setShowImagePreview
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Flex$1, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxs("label", { htmlFor: inputId, children: [
-      /* @__PURE__ */ jsx(Text$1, { size, severity, id: labelId, children: label }),
-      children
-    ] }) })
-  ] });
-};
-const InputWithHelpText = (props) => {
-  const { helpText, children, severity } = props;
-  return /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "1", children: [
-    children,
-    /* @__PURE__ */ jsx(Flex$1, { direction: "column", children: /* @__PURE__ */ jsx(Text$1, { size: "1", severity, className: styles$c.description, children: helpText }) })
-  ] });
-};
-const InputWithLabelAndHelpText = (props) => {
-  const { children, ...restProps } = props;
-  return /* @__PURE__ */ jsx(InputWithHelpText, { ...restProps, children });
-};
-const useFormikInput = (props) => {
-  const { id, field, formId: formId2, size, showInputOnly, ...rest } = props;
-  const [fieldProps, meta, helpers] = 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 = 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;
 }
@@ -8891,7 +8728,7 @@ const $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ forwardRef((props, forwa
 });
 $5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
 const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-  return /* @__PURE__ */ createElement(Fragment$1, null, children);
+  return /* @__PURE__ */ createElement(Fragment, null, children);
 };
 function $5e63c961fc1ce211$var$isSlottable(child) {
   return /* @__PURE__ */ isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
@@ -9543,10 +9380,10 @@ const Text = React.forwardRef((props, forwardedRef) => {
 });
 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
@@ -9713,10 +9550,10 @@ function $e698a72e93240346$var$getState(checked) {
 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
 };
@@ -10148,7 +9985,7 @@ const $57acba87d6e25586$export$a21cbf9f11fca853 = /* @__PURE__ */ forwardRef((pr
   const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$VIEWPORT_NAME, __scopeScrollArea);
   const ref = useRef(null);
   const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onViewportChange);
-  return /* @__PURE__ */ createElement(Fragment$1, null, /* @__PURE__ */ createElement("style", {
+  return /* @__PURE__ */ createElement(Fragment, null, /* @__PURE__ */ createElement("style", {
     dangerouslySetInnerHTML: {
       __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`
     }
@@ -11393,10 +11230,10 @@ const $faa2e61a3361514f$export$13921ac0cc260818 = $faa2e61a3361514f$export$10559
 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
@@ -11418,10 +11255,10 @@ const Slider = React.forwardRef((props, forwardedRef) => {
 });
 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
 };
@@ -11510,125 +11347,10 @@ const ScrollArea = React.forwardRef((props, forwardedRef) => {
   );
 });
 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__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeAvatar, ...avatarProps } = props;
-  const [imageLoadingStatus, setImageLoadingStatus] = useState("idle");
-  return /* @__PURE__ */ createElement($cddcb0b647441e34$var$AvatarProvider, {
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    onImageLoadingStatusChange: setImageLoadingStatus
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, avatarProps, {
-    ref: forwardedRef
-  })));
-});
-const $cddcb0b647441e34$var$IMAGE_NAME = "AvatarImage";
-const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /* @__PURE__ */ 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__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$1({}, imageProps, {
-    ref: forwardedRef,
-    src
-  })) : null;
-});
-const $cddcb0b647441e34$var$FALLBACK_NAME = "AvatarFallback";
-const $cddcb0b647441e34$export$69fffb6a9571fbfe = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __scopeAvatar, delayMs, ...fallbackProps } = props;
-  const context = $cddcb0b647441e34$var$useAvatarContext($cddcb0b647441e34$var$FALLBACK_NAME, __scopeAvatar);
-  const [canRender, setCanRender] = useState(delayMs === void 0);
-  useEffect(() => {
-    if (delayMs !== void 0) {
-      const timerId = window.setTimeout(
-        () => setCanRender(true),
-        delayMs
-      );
-      return () => window.clearTimeout(timerId);
-    }
-  }, [
-    delayMs
-  ]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, fallbackProps, {
-    ref: forwardedRef
-  })) : null;
-});
-function $cddcb0b647441e34$var$useImageLoadingStatus(src) {
-  const [loadingStatus, setLoadingStatus] = 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.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.useState("idle");
-  return React.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.createElement("span", { className: "rt-AvatarFallback" }) : null,
-    status === "error" ? React.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.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.forwardRef((props, forwardedRef) => {
@@ -11644,6 +11366,58 @@ const Card = React.forwardRef((props, forwardedRef) => {
   return React.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.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__ */ 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__ */ 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.forwardRef((props, forwardedRef) => {
+  const { rest: marginRest, ...marginProps } = extractMarginProps(props);
+  const { className, size = separatorPropDefs.size.default, color = separatorPropDefs.color.default, ...separatorProps } = marginRest;
+  return React.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
@@ -11814,6 +11588,181 @@ const Tabs = Object.assign({}, {
   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 = memo((props) => {
+  const { file, url, name, setShowPreview } = props;
+  const handleDownload = useCallback(
+    (event) => {
+      event.stopPropagation();
+      const blob = new Blob([file]);
+      saveAs$1(blob, name);
+    },
+    [name, file]
+  );
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: styles$b.FullScreenImageContainer,
+        type: "button",
+        onClick: () => {
+          setShowPreview(false);
+        },
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: styles$b.FullScreenImage,
+            src: url,
+            alt: name,
+            onClick: (e) => {
+              e.stopPropagation();
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { className: styles$b.TopBarContainer, align: "center", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: styles$b.longIconButton,
+          variant: "soft",
+          "aria-label": "Exit preview",
+          onClick: () => {
+            setShowPreview(false);
+          },
+          children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiArrowLeftLine" })
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { className: styles$b.fileName, children: name }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: styles$b.longIconButton,
+          variant: "soft",
+          "aria-label": `Download ${name}`,
+          onClick: handleDownload,
+          children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiDownload2Line" })
+        }
+      )
+    ] })
+  ] });
+});
+FullScreenImagePreview.displayName = "FullScreenImagePreview";
+const InputWithLabel = (props) => {
+  const { label, children, size, severity, inputId, labelId, image, flexProps } = props;
+  const [resolvedImage, setResolvedImage] = useState(void 0);
+  const [showImagePreview, setShowImagePreview] = useState(false);
+  const color = useSeverityColor(severity);
+  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__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+    resolvedImage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: styles$b.previewImage,
+          src: resolvedImageURL,
+          alt: resolvedImage.name,
+          onClick: () => {
+            setShowImagePreview(true);
+          }
+        }
+      ),
+      showImagePreview && /* @__PURE__ */ jsx(
+        FullScreenImagePreview,
+        {
+          file: resolvedImage,
+          url: resolvedImageURL,
+          name: resolvedImage.name,
+          setShowPreview: setShowImagePreview
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", asChild: true, ...flexProps, children: /* @__PURE__ */ jsxs("label", { htmlFor: inputId, children: [
+      /* @__PURE__ */ jsx(Text, { size, color, id: labelId, children: label }),
+      children
+    ] }) })
+  ] });
+};
+const InputWithHelpText = (props) => {
+  const { helpText, children, severity } = props;
+  const color = useSeverityColor(severity);
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+    children,
+    /* @__PURE__ */ jsx(Flex, { direction: "column", children: /* @__PURE__ */ jsx(Text, { size: "1", color, className: styles$b.description, children: helpText }) })
+  ] });
+};
+const InputWithLabelAndHelpText = (props) => {
+  const { children, ...restProps } = props;
+  return /* @__PURE__ */ jsx(InputWithHelpText, { ...restProps, children });
+};
+const useFormikInput = (props) => {
+  const { id, field, formId: formId2, size, showInputOnly, ...rest } = props;
+  const [fieldProps, meta, helpers] = 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 = 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 = memo((props) => {
   const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
@@ -12397,7 +12346,7 @@ __publicField(StringOrTextField, "_validateMax", (path) => (value, allValues) =>
 });
 const clickableLinkContainer = "_clickableLinkContainer_1ace7_1";
 const TextFieldInputCopy = "_TextFieldInputCopy_1ace7_5";
-const styles$b = {
+const styles$a = {
   clickableLinkContainer,
   TextFieldInputCopy
 };
@@ -12426,13 +12375,13 @@ const StringInput = memo((props) => {
           placeholder: field.placeholder,
           color
         }
-      ) : /* @__PURE__ */ jsxs(TextField$1.Root, { className: styles$b.clickableLinkContainer, children: [
+      ) : /* @__PURE__ */ jsxs(TextField$1.Root, { className: styles$a.clickableLinkContainer, children: [
         /* @__PURE__ */ jsx(
           "div",
           {
             className: classNames$1(
               "rt-TextFieldInput rt-r-size-2 rt-variant-surface",
-              styles$b.TextFieldInputCopy
+              styles$a.TextFieldInputCopy
             ),
             children: /* @__PURE__ */ jsx(
               Linkify,
@@ -12820,7 +12769,7 @@ const MultiStringInput = memo((props) => {
     },
     [setValueAndTouched, value]
   );
-  return /* @__PURE__ */ jsx(DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
+  return /* @__PURE__ */ jsx(DragDropContext, { onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsx(
       InputWithLabel,
       {
@@ -12830,7 +12779,7 @@ const MultiStringInput = memo((props) => {
         labelId,
         label,
         image: showInputOnly ? void 0 : field.image,
-        children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxs(Flex$1, { gap: "2", children: [
+        children: (!disabled || value.length === 0) && /* @__PURE__ */ jsxs(Flex, { gap: "2", children: [
           /* @__PURE__ */ jsx(Box, { grow: "1", children: /* @__PURE__ */ jsx(
             TextField$1.Input,
             {
@@ -12858,7 +12807,7 @@ const MultiStringInput = memo((props) => {
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx(Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxs(Flex$1, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
+    /* @__PURE__ */ jsx(Droppable, { droppableId, children: (droppableProvided) => /* @__PURE__ */ jsxs(Flex, { ...droppableProvided.droppableProps, ref: droppableProvided.innerRef, direction: "column", children: [
       value.map((option, index2) => /* @__PURE__ */ jsx(
         Draggable,
         {
@@ -12866,7 +12815,7 @@ const MultiStringInput = memo((props) => {
           index: index2,
           isDragDisabled: disabled,
           children: ({ draggableProps, dragHandleProps, innerRef }) => /* @__PURE__ */ jsx(
-            Flex$1,
+            Flex,
             {
               ...dragHandleProps,
               ...draggableProps,
@@ -13124,7 +13073,7 @@ __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to sel
 __publicField(_MultiSelectField, "Icon", RiCheckboxLine);
 let MultiSelectField = _MultiSelectField;
 const QrScannerWrapper = "_QrScannerWrapper_1puz3_1";
-const styles$a = {
+const styles$9 = {
   QrScannerWrapper
 };
 const QrInput = memo((props) => {
@@ -13220,7 +13169,7 @@ const QrScanner = memo((props) => {
   return /* @__PURE__ */ jsxs(
     Flex,
     {
-      className: styles$a.QrScannerWrapper,
+      className: styles$9.QrScannerWrapper,
       width: "100%",
       height: "100%",
       direction: "column",
@@ -13335,7 +13284,7 @@ const PDFContainer = "_PDFContainer_103p8_9";
 const Relative = "_Relative_103p8_15";
 const PDFScrollArea = "_PDFScrollArea_103p8_19";
 const ErrorContainer = "_ErrorContainer_103p8_24";
-const styles$9 = {
+const styles$8 = {
   PDFViewerTopbar,
   PDFViewerOverlay,
   PDFContainer,
@@ -13392,10 +13341,10 @@ const PDFViewer = memo((props) => {
     {
       open: true,
       overlay: true,
-      overlayClass: styles$9.PDFViewerOverlay,
+      overlayClass: styles$8.PDFViewerOverlay,
       onOpenChange: onClose,
       content: () => /* @__PURE__ */ jsxs(Flex, { width: "100%", height: "100%", align: "center", direction: "column", children: [
-        /* @__PURE__ */ jsx(Flex, { className: styles$9.PDFViewerTopbar, height: "8", width: "100%", align: "center", px: "2", shrink: "0", children: /* @__PURE__ */ jsx(ButtonGroup, { width: "100%", variant: "soft", severity: "info", highContrast: true, children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
+        /* @__PURE__ */ jsx(Flex, { className: styles$8.PDFViewerTopbar, height: "8", width: "100%", align: "center", px: "2", shrink: "0", children: /* @__PURE__ */ jsx(ButtonGroup, { width: "100%", variant: "soft", severity: "info", highContrast: true, children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
           /* @__PURE__ */ jsxs(Flex, { gap: "2", width: "100%", children: [
             /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiCloseLine" }) }),
             /* @__PURE__ */ jsx(IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiDownload2Line" }) })
@@ -13426,16 +13375,16 @@ const PDFViewer = memo((props) => {
               /* @__PURE__ */ jsx(
                 Flex,
                 {
-                  className: styles$9.PDFContainer,
+                  className: styles$8.PDFContainer,
                   width: "max-content",
                   height: "max-content",
                   direction: "column",
                   align: "center",
                   justify: "center",
-                  children: /* @__PURE__ */ jsx(ScrollArea, { className: styles$9.PDFScrollArea, scrollbars: "both", children: /* @__PURE__ */ jsxs(
+                  children: /* @__PURE__ */ jsx(ScrollArea, { className: styles$8.PDFScrollArea, scrollbars: "both", children: /* @__PURE__ */ jsxs(
                     Document,
                     {
-                      className: styles$9.Relative,
+                      className: styles$8.Relative,
                       file,
                       onLoadSuccess: handleLoadSuccess,
                       onLoadError: handleLoadError,
@@ -13484,7 +13433,7 @@ const SpinnerComponent = memo(() => {
 });
 SpinnerComponent.displayName = "SpinnerComponent";
 const ErrorComponent = memo(() => {
-  return /* @__PURE__ */ jsxs(Flex, { className: styles$9.ErrorContainer, align: "center", justify: "center", direction: "column", children: [
+  return /* @__PURE__ */ jsxs(Flex, { className: styles$8.ErrorContainer, align: "center", justify: "center", direction: "column", children: [
     /* @__PURE__ */ jsx(IconColorUtility, { severity: "info", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiFileWarningLine", size: 40 }) }),
     /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", weight: "light", children: "Failed to load" })
   ] });
@@ -13493,7 +13442,7 @@ ErrorComponent.displayName = "ErrorComponent";
 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
 };
@@ -13556,9 +13505,9 @@ const ImageViewer = memo((props) => {
       open: true,
       onOpenChange: onClose,
       overlay: true,
-      overlayClass: styles$8.ImageViewerOverlay,
+      overlayClass: styles$7.ImageViewerOverlay,
       content: () => /* @__PURE__ */ jsxs(Flex, { width: "100%", height: "100%", direction: "column", children: [
-        /* @__PURE__ */ jsx(Flex, { className: styles$8.ImageViewerTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsx(ButtonGroup, { width: "100%", severity: "info", variant: "soft", highContrast: true, children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
+        /* @__PURE__ */ jsx(Flex, { className: styles$7.ImageViewerTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsx(ButtonGroup, { width: "100%", severity: "info", variant: "soft", highContrast: true, children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
           /* @__PURE__ */ jsxs(Flex, { justify: "start", gap: "2", children: [
             /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiCloseLine" }) }),
             /* @__PURE__ */ jsx(IconButton, { onClick: handleDownload, "aria-label": "close", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiDownload2Line" }) })
@@ -13626,7 +13575,7 @@ const SpreadsheetViewerTopbar = "_SpreadsheetViewerTopbar_qnmq7_9";
 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,
@@ -13703,10 +13652,10 @@ const SpreadsheetViewer = memo((props) => {
     {
       open: true,
       overlay: true,
-      overlayClass: styles$7.SpreadsheetOverlay,
+      overlayClass: styles$6.SpreadsheetOverlay,
       onOpenChange: onClose,
       content: () => /* @__PURE__ */ jsxs(Flex, { direction: "column", width: "100%", height: "100%", style: { overflow: "none" }, children: [
-        /* @__PURE__ */ jsx(Flex, { className: styles$7.SpreadsheetViewerTopbar, height: "8", width: "100%", px: "2", shrink: "0", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Flex, { className: styles$6.SpreadsheetViewerTopbar, height: "8", width: "100%", px: "2", shrink: "0", children: /* @__PURE__ */ jsx(
           ButtonGroup,
           {
             align: "center",
@@ -13744,7 +13693,7 @@ const SpreadsheetViewer = memo((props) => {
             p: "2",
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(Spinner, {}), children: [
-              /* @__PURE__ */ jsx(Flex, { className: styles$7.SpreadsheetViewerContent, children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Flex, { className: styles$6.SpreadsheetViewerContent, children: /* @__PURE__ */ jsx(
                 ScrollArea,
                 {
                   scrollbars: "both",
@@ -13757,7 +13706,7 @@ const SpreadsheetViewer = memo((props) => {
                   children: /* @__PURE__ */ jsx(
                     Spreadsheet2,
                     {
-                      className: styles$7.Spreadsheet,
+                      className: styles$6.Spreadsheet,
                       data: data.data,
                       rowLabels: data.rowLabels,
                       columnLabels: data.columnLabels
@@ -13818,7 +13767,7 @@ const ImageMarkupTopbar = "_ImageMarkupTopbar_8zvut_10";
 const Prompt = "_Prompt_8zvut_14";
 const centered = "_centered_8zvut_25";
 const MarkupImage = "_MarkupImage_8zvut_25";
-const styles$6 = {
+const styles$5 = {
   ImageMarkupContent,
   ImageMarkupOverlay,
   ImageMarkupTopbar,
@@ -13942,9 +13891,9 @@ const ImageMarkup = memo((props) => {
     {
       open: true,
       overlay: true,
-      overlayClass: styles$6.ImageMarkupOverlay,
+      overlayClass: styles$5.ImageMarkupOverlay,
       onOpenChange: onClose,
-      content: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      content: () => /* @__PURE__ */ jsxs(Fragment$1, { children: [
         originalImageSize && /* @__PURE__ */ jsx(
           "canvas",
           {
@@ -13956,7 +13905,7 @@ const ImageMarkup = memo((props) => {
           }
         ),
         /* @__PURE__ */ jsxs(Flex, { height: "100%", width: "100%", position: "relative", direction: "column", children: [
-          /* @__PURE__ */ jsx(Flex, { className: styles$6.ImageMarkupTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsx(ButtonGroup, { severity: "info", size: "medium", variant: "soft", width: "100%", children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
+          /* @__PURE__ */ jsx(Flex, { className: styles$5.ImageMarkupTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsx(ButtonGroup, { severity: "info", size: "medium", variant: "soft", width: "100%", children: /* @__PURE__ */ jsxs(Grid, { columns: "3", width: "100%", children: [
             /* @__PURE__ */ jsxs(Flex, { gap: "2", children: [
               /* @__PURE__ */ jsx(IconButton, { "aria-label": "close", onClick: handleCancel, children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiCloseLine" }) }),
               /* @__PURE__ */ jsx(IconButton, { "aria-label": `Download ${file.name}`, onClick: handleDownload, children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiDownload2Line" }) })
@@ -13971,7 +13920,7 @@ const ImageMarkup = memo((props) => {
                   trigger: /* @__PURE__ */ jsx(
                     IconButton,
                     {
-                      className: styles$6.MarkupEditButton,
+                      className: styles$5.MarkupEditButton,
                       "aria-label": "Markup color picker",
                       type: "button",
                       variant: "solid",
@@ -14046,7 +13995,7 @@ const ImageMarkup = memo((props) => {
                     alt: "Photo attachment",
                     ref: watchResizeTarget,
                     src: file.objectURL,
-                    className: styles$6.MarkupImage
+                    className: styles$5.MarkupImage
                   }
                 ),
                 loading ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(
@@ -14117,7 +14066,7 @@ const FileViewerProvider = memo((props) => {
   const value = useMemo(() => openFileViewer, [openFileViewer]);
   return /* @__PURE__ */ jsxs(FileViewerContext.Provider, { value, children: [
     children,
-    config && /* @__PURE__ */ jsxs(Fragment, { children: [
+    config && /* @__PURE__ */ jsxs(Fragment$1, { children: [
       fileType === "spreadsheet" && /* @__PURE__ */ jsx(SpreadsheetViewer, { file: config.file, onDelete: config.onDelete, onClose: handleClose }),
       fileType === "pdf" && /* @__PURE__ */ jsx(PDFViewer, { file: config.file, onDelete: config.onDelete, onClose: handleClose }),
       fileType === "image" && /* @__PURE__ */ jsx(ImageViewer, { file: config.file, onDelete: config.onDelete, onClose: handleClose })
@@ -14127,7 +14076,7 @@ const FileViewerProvider = memo((props) => {
 FileViewerProvider.displayName = "FileViewerProvider";
 const FileCard$1 = "_FileCard_ledcm_1";
 const Errored = "_Errored_ledcm_7";
-const styles$5 = {
+const styles$4 = {
   FileCard: FileCard$1,
   Errored
 };
@@ -14143,9 +14092,9 @@ const FileCard = memo(
       OvermapItem,
       {
         className: classNames$1(
-          styles$5.FileCard,
+          styles$4.FileCard,
           {
-            [styles$5.Errored]: error2
+            [styles$4.Errored]: error2
           },
           className
         ),
@@ -14164,7 +14113,7 @@ const ImageInset = "_ImageInset_kbztw_7";
 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,
@@ -14190,7 +14139,7 @@ const ImageCard = memo(
     return /* @__PURE__ */ jsxs(
       Flex,
       {
-        className: classNames$1(className, styles$4.ImageCard),
+        className: classNames$1(className, styles$3.ImageCard),
         width: "100%",
         direction: "column",
         position: "relative",
@@ -14200,12 +14149,12 @@ const ImageCard = memo(
         ...rest,
         children: [
           !file && !error2 && /* @__PURE__ */ jsx(Flex, { width: "100%", height: "100%", align: "center", justify: "center", position: "absolute", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-          /* @__PURE__ */ jsx(Inset, { className: styles$4.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsx("img", { className: styles$4.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
+          /* @__PURE__ */ jsx(Inset, { className: styles$3.ImageInset, ref: imageInsetRef, clip: "padding-box", side: "y", pb: "0", children: file && !error2 && /* @__PURE__ */ jsx("img", { className: styles$3.Image, src: URL.createObjectURL(file), alt: alt ?? file.name }) }),
           /* @__PURE__ */ jsx(
             OvermapItem,
             {
-              className: classNames$1(styles$4.Footer, {
-                [styles$4.Loading]: !file
+              className: classNames$1(styles$3.Footer, {
+                [styles$3.Loading]: !file
               }),
               size,
               ref: fileCardRef,
@@ -14254,7 +14203,7 @@ const UploadInput = memo((props) => {
   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__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText: updatedHelpText, severity, children: /* @__PURE__ */ jsxs(
       InputWithLabel,
       {
@@ -14265,7 +14214,7 @@ const UploadInput = memo((props) => {
         label,
         image: showInputOnly ? void 0 : field.image,
         children: [
-          /* @__PURE__ */ jsx(Flex$1, { direction: "row", gap: "2", children: /* @__PURE__ */ jsx(Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxs(Button, { ...rest, variant: "soft", onClick: handleClick, id: "upload-input-upload-button", children: [
+          /* @__PURE__ */ jsx(Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsx(Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxs(Button, { ...rest, variant: "soft", onClick: handleClick, id: "upload-input-upload-button", children: [
             /* @__PURE__ */ jsx(RiIcon, { icon: "RiUpload2Line" }),
             " ",
             buttonText
@@ -14288,7 +14237,7 @@ const UploadInput = memo((props) => {
         ]
       }
     ) }),
-    Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsx(Flex$1, { direction: "column", gap: "2", height: "max-content", children: value.map((file, index2) => /* @__PURE__ */ jsx(
+    Array.isArray(value) && value.length > 0 && /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", height: "max-content", children: value.map((file, index2) => /* @__PURE__ */ jsx(
       DisplayFile,
       {
         field,
@@ -14604,7 +14553,7 @@ const useFieldInputs = (fields, props) => {
       return /* @__PURE__ */ jsx("div", { children: field.getInput(props) }, field.getId());
     });
   }, [fields, props]);
-  return /* @__PURE__ */ jsx(Flex$1, { direction: "column", gap: "2", children: inputs });
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: inputs });
 };
 const FieldSectionLayout = memo((props) => {
   const { field: section, ...rest } = props;
@@ -14629,10 +14578,10 @@ const FieldSectionLayout = memo((props) => {
   if (!label) {
     return inputs;
   }
-  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ jsxs(Flex$1, { direction: "column", children: [
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
       /* @__PURE__ */ jsx(Heading, { as: "h3", size: "3", children: label }),
-      /* @__PURE__ */ jsx(Text$1, { className: styles$c.description, children: description2 })
+      /* @__PURE__ */ jsx(Text, { className: styles$b.description, children: description2 })
     ] }),
     inputs
   ] }) });
@@ -14875,7 +14824,7 @@ const FormRenderer = memo(
       [schema.title]
     );
     const Description = useMemo(
-      () => typeof schema.description === "string" ? /* @__PURE__ */ jsx(Text$1, { className: styles$c.description, children: schema.description }) : schema.description,
+      () => typeof schema.description === "string" ? /* @__PURE__ */ jsx(Text, { className: styles$b.description, children: schema.description }) : schema.description,
       [schema.description]
     );
     const inputs = useFieldInputs(schema.fields, { formId: formId2, disabled: readonly });
@@ -14885,13 +14834,13 @@ const FormRenderer = memo(
       if (onDirtyChange)
         onDirtyChange(dirty);
     }, [dirty, onDirty, onDirtyChange]);
-    return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx(Flex$1, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxs("form", { id: formId2, onSubmit: formik.handleSubmit, children: [
-      !hideTitle && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "1", children: [
+    return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx(Flex, { ref, direction: "column", gap: "2", className, asChild: true, children: /* @__PURE__ */ jsxs("form", { id: formId2, onSubmit: formik.handleSubmit, children: [
+      !hideTitle && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
         Title,
         !hideDescription && Description
       ] }) }),
       inputs,
-      !readonly && /* @__PURE__ */ jsxs(Flex$1, { className: styles$c.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
+      !readonly && /* @__PURE__ */ jsxs(Flex, { className: styles$b.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
         cancelText && /* @__PURE__ */ jsx(Button, { severity: "info", ...buttonProps, type: "button", onClick: onCancel, children: cancelText }),
         /* @__PURE__ */ jsx(Button, { ...buttonProps, type: "submit", disabled: !formik.isValid, children: submitText })
       ] })
@@ -14943,7 +14892,7 @@ const FormSubmissionViewer = memo(
 );
 const favoriteIcon = "_favoriteIcon_1bixi_1";
 const regularIcon = "_regularIcon_1bixi_9";
-const styles$3 = {
+const styles$2 = {
   favoriteIcon,
   regularIcon
 };
@@ -15003,8 +14952,8 @@ const FormBrowser = memo(
     const numberOfForms = 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__ */ jsxs(Flex$1, { ref, direction: "column", gap: "2", children: [
-      /* @__PURE__ */ jsxs(Flex$1, { gap: "2", grow: "1", children: [
+    return /* @__PURE__ */ jsxs(Flex, { ref, direction: "column", gap: "2", children: [
+      /* @__PURE__ */ jsxs(Flex, { gap: "2", grow: "1", children: [
         /* @__PURE__ */ jsx(Box, { grow: "1", asChild: true, children: /* @__PURE__ */ jsx(TextField$1.Root, { size: "3", children: /* @__PURE__ */ jsx(TextField$1.Input, { placeholder: "Filter", value: filter, onChange: handleChange }) }) }),
         /* @__PURE__ */ jsx(
           Select,
@@ -15028,7 +14977,7 @@ const FormBrowser = memo(
         },
         form.offline_id
       )) }),
-      /* @__PURE__ */ jsx(Box, { px: "3", children: /* @__PURE__ */ jsx(Text$1, { size: "2", severity: "info", children: overflowMessage }) })
+      /* @__PURE__ */ jsx(Box, { px: "3", children: /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: overflowMessage }) })
     ] });
   })
 );
@@ -15054,12 +15003,12 @@ const FormBrowserEntry = (props) => {
         onSelectForm(form);
       },
       asChild: true,
-      children: /* @__PURE__ */ jsxs(Flex$1, { justify: "between", gap: "2", py: "2", px: "3", ...divButtonProps, children: [
-        /* @__PURE__ */ jsxs(Flex$1, { grow: "1", align: "center", gap: "2", children: [
+      children: /* @__PURE__ */ jsxs(Flex, { justify: "between", gap: "2", py: "2", px: "3", ...divButtonProps, children: [
+        /* @__PURE__ */ jsxs(Flex, { grow: "1", align: "center", gap: "2", children: [
           /* @__PURE__ */ jsx(
             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",
@@ -15067,10 +15016,10 @@ const FormBrowserEntry = (props) => {
               children: form.favorite ? /* @__PURE__ */ jsx(RiIcon, { icon: "RiStarFill" }) : /* @__PURE__ */ jsx(RiIcon, { icon: "RiStarLine" })
             }
           ),
-          /* @__PURE__ */ jsx(Text$1, { noWrap: true, children: form.latestRevision.title }),
+          /* @__PURE__ */ jsx(Text, { children: form.latestRevision.title }),
           form.latestRevision.description && /* @__PURE__ */ jsx(RiIcon, { icon: "RiQuestionLine" })
         ] }),
-        owner && /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
+        owner && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
           /* @__PURE__ */ jsx(RiIcon, { icon: "RiUserLine" }),
           " ",
           owner
@@ -15083,101 +15032,6 @@ const FormBrowserEntry = (props) => {
   }
   return ret;
 };
-const submissionsContainer = "_submissionsContainer_9iirt_1";
-const stopHorizontalOverflow = "_stopHorizontalOverflow_9iirt_6";
-const styles$2 = {
-  submissionsContainer,
-  stopHorizontalOverflow
-};
-const FormSubmissionBrowserEntry = memo((props) => {
-  var _a2;
-  const { submission, onSubmissionClick, compact, labelType, rowDecorator } = props;
-  const currentUser = useSelector(selectCurrentUser);
-  const createdBy = useSelector(selectUser("created_by" in submission ? submission.created_by : currentUser.id));
-  const dateToUse = submission.submitted_at;
-  const formattedDateTime = getLocalDateString(dateToUse);
-  const revision = 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 = 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 = useCallback(() => {
-    if (onSubmissionClick) {
-      onSubmissionClick({ submission });
-    }
-  }, [submission, onSubmissionClick]);
-  const row = /* @__PURE__ */ jsx(ButtonList.Item, { onClick: handleClick, asChild: true, children: /* @__PURE__ */ jsxs(Flex$1, { grow: "1", width: "100%", p: "2", gap: "2", justify: "between", children: [
-    /* @__PURE__ */ jsxs(Flex$1, { gap: "2", align: "center", className: styles$2.stopHorizontalOverflow, children: [
-      /* @__PURE__ */ jsx(Avatar, { src: creatorProfileSrc, size: "1", fallback: creatorProfileFallback }),
-      /* @__PURE__ */ jsx(Text$1, { size: "2", noWrap: true, children: labelType === "creator" ? (createdBy || currentUser).username : revision.title })
-    ] }),
-    /* @__PURE__ */ jsxs(Flex$1, { gap: "2", align: "center", children: [
-      !compact && (revision.revision ? /* @__PURE__ */ jsxs(Badge, { variant: "soft", severity: isLatestRevision ? "primary" : "info", children: [
-        "Revision #$",
-        revision.revision
-      ] }) : !!latestRevisionNumber && /* @__PURE__ */ jsx(Badge, { children: "Original" })),
-      /* @__PURE__ */ jsx(Text$1, { size: "2", noWrap: true, children: formattedDateTime })
-    ] })
-  ] }) });
-  if (rowDecorator) {
-    return rowDecorator(submission, row);
-  }
-  return row;
-});
-FormSubmissionBrowserEntry.displayName = "FormSubmissionBrowserEntry";
-const FormSubmissionBrowser = 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 = useSelector(propSubmissions ? () => propSubmissions : selectFormSubmissionsOfForm(formId2));
-  const sortedSubmissions = useMemo(
-    () => submissions == null ? void 0 : submissions.sort((a, b) => {
-      return a.submitted_at.localeCompare(b.submitted_at);
-    }),
-    [submissions]
-  );
-  return /* @__PURE__ */ jsx(
-    ButtonList.Root,
-    {
-      className: classNames$1(styles$2.submissionsContainer, className),
-      size: "small",
-      variant,
-      before: !compact && /* @__PURE__ */ jsxs(Text$1, { 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__ */ jsx(
-          FormSubmissionBrowserEntry,
-          {
-            submission,
-            compact,
-            ...submissionEntryProps
-          },
-          index2
-        );
-      })
-    }
-  );
-});
-FormSubmissionBrowser.displayName = "FormSubmissionBrowser";
 const PatchField = memo((props) => {
   const { name, render } = props;
   const { submitForm } = useFormikContext();
@@ -15195,7 +15049,7 @@ const PatchField = memo((props) => {
       }
     });
   }, [render, fieldProps.value, _meta, submitForm, helpers]);
-  return /* @__PURE__ */ jsx(Fragment, { children: ret });
+  return /* @__PURE__ */ jsx(Fragment$1, { children: ret });
 });
 PatchField.displayName = "PatchField";
 const PatchFormProvider = memo(
@@ -15336,8 +15190,8 @@ const FieldActions = memo((props) => {
     }
     return actions2;
   }, [duplicate, index2, move, remove2, sectionIndex, type, values.fields]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Flex$1, { display: forMobile(false, "flex"), direction: "column", gap: "5", mx: "2", children: actions.map((Action) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Flex, { display: forMobile(false, "flex"), direction: "column", gap: "5", mx: "2", children: actions.map((Action) => /* @__PURE__ */ jsx(
       IconButton,
       {
         type: "button",
@@ -15446,12 +15300,12 @@ const FieldSettingsPopover = memo((props) => {
           hoverEffects: ["spin90Clockwise"],
           children: [
             /* @__PURE__ */ jsx(RiIcon, { icon: "RiSettings2Line" }),
-            /* @__PURE__ */ jsx(Text$1, { children: "Settings" })
+            /* @__PURE__ */ jsx(Text, { children: "Settings" })
           ]
         },
         "settings"
       ),
-      children: () => /* @__PURE__ */ jsx(Flex$1, { className: styles.popoverInputsContainer, direction: "column", children: popoverInputs })
+      children: () => /* @__PURE__ */ jsx(Flex, { className: styles.popoverInputsContainer, direction: "column", children: popoverInputs })
     }
   );
 });
@@ -15587,15 +15441,16 @@ const FieldBuilder = memo((props) => {
     const error2 = get(errors, fieldCls === FieldSection ? `${parentPath}.${index2}.condition` : field.getId());
     return error2 && (typeof error2 !== "object" || hasKeys(error2));
   });
+  const color = useSeverityColor(popoverHasErrors ? "danger" : "primary");
   const deserializedField = useMemo(() => deserialize(initial), [initial]);
   const previewInput2 = useFieldInput(deserializedField, { formId, disabled: true, showInputOnly: true });
-  return /* @__PURE__ */ jsxs(Flex$1, { ref: containerRef, align: "center", grow: "1", children: [
-    /* @__PURE__ */ jsxs(Flex$1, { direction: "column", width: "100%", children: [
-      fieldCls === FieldSection && /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ jsxs(Flex, { ref: containerRef, align: "center", grow: "1", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", width: "100%", children: [
+      fieldCls === FieldSection && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
         directlyShownFields.length > 0 && directlyShownInputs,
-        /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
           showPopoverInputs && /* @__PURE__ */ jsx(FieldSettingsPopover, { popoverInputs, hasError: popoverHasErrors }),
-          isSection(initial) && initial.conditional && /* @__PURE__ */ jsx(Text$1, { size: "1", severity: popoverHasErrors ? "danger" : "primary", children: /* @__PURE__ */ jsxs(Em, { children: [
+          isSection(initial) && initial.conditional && /* @__PURE__ */ jsx(Text, { size: "1", color, children: /* @__PURE__ */ jsxs(Em, { children: [
             "Display only if ",
             /* @__PURE__ */ jsx(Strong, { children: conditionLabel }),
             " ",
@@ -15605,26 +15460,22 @@ const FieldBuilder = memo((props) => {
           ] }) })
         ] })
       ] }),
-      fieldCls !== FieldSection && /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
+      fieldCls !== FieldSection && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
         /* @__PURE__ */ jsx(
           PatchField,
           {
             name: `${parentPath}.${index2}.required`,
-            render: ({ setValue, value }) => /* @__PURE__ */ jsx(
-              Checkbox$1,
-              {
-                checked: value,
-                onCheckedChange: setValue,
-                label: /* @__PURE__ */ jsx(Text$1, { size: "2", children: "Required field" })
-              }
-            )
+            render: ({ setValue, value }) => /* @__PURE__ */ jsxs(Flex, { children: [
+              /* @__PURE__ */ jsx(Checkbox, { checked: value, onCheckedChange: setValue }),
+              /* @__PURE__ */ jsx(Text, { size: "2", children: "Required field" })
+            ] })
           }
         ),
-        /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "3", children: [
+        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", children: [
           /* @__PURE__ */ jsx(Badge, { className: styles.typeBadge, children: (_f = fieldTypeItems.flat().find((item) => item.value === type)) == null ? void 0 : _f.children }),
           showPopoverInputs && /* @__PURE__ */ jsx(FieldSettingsPopover, { popoverInputs, hasError: popoverHasErrors })
         ] }),
-        resolvedImage && /* @__PURE__ */ jsxs(Fragment, { children: [
+        resolvedImage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsxs("div", { className: styles.imageContainer, children: [
             /* @__PURE__ */ jsx(
               "img",
@@ -15792,7 +15643,7 @@ const FieldWithActions = memo((props) => {
         borderColor: "var(--accent-3)"
       },
       mb: "4",
-      children: /* @__PURE__ */ jsxs(Flex$1, { gap: "4", justify: "between", align: "center", children: [
+      children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "between", align: "center", children: [
         /* @__PURE__ */ jsx(FieldBuilder, { ...editFieldProps }),
         /* @__PURE__ */ jsx(
           FieldActions,
@@ -15951,8 +15802,8 @@ const FieldSectionWithActions = memo((props) => {
         ...draggableProvided.draggableProps,
         ...draggableProvided.dragHandleProps,
         mb: "4",
-        children: /* @__PURE__ */ jsxs(Flex$1, { gap: "3", justify: "between", align: "center", children: [
-          /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "2", grow: "1", children: [
+        children: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "between", align: "center", children: [
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", grow: "1", children: [
             !fieldsOnly && /* @__PURE__ */ jsx(FieldBuilder, { ...editSectionProps }),
             /* @__PURE__ */ jsx(
               Droppable,
@@ -15961,7 +15812,7 @@ const FieldSectionWithActions = memo((props) => {
                 type: "SECTION",
                 isDropDisabled,
                 children: (droppableProvided) => /* @__PURE__ */ jsxs(
-                  Flex$1,
+                  Flex,
                   {
                     ref: droppableProvided.innerRef,
                     ...droppableProvided.droppableProps,
@@ -16120,14 +15971,14 @@ const FieldsEditor = memo((props) => {
     [values, setFieldValue]
   );
   return /* @__PURE__ */ jsx(DragDropContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(Droppable, { droppableId: "droppable", type: "ROOT", children: (droppableProvided) => /* @__PURE__ */ jsxs(
-    Flex$1,
+    Flex,
     {
       ref: droppableProvided.innerRef,
       ...droppableProvided.droppableProps,
       direction: "column",
       gap: "0",
       children: [
-        values.fields.map((field, index2) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        values.fields.map((field, index2) => /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             FieldSectionWithActions,
             {
@@ -16238,19 +16089,20 @@ const FormBuilder = memo(
       validateOnBlur: false
     });
     const previewSchema = useMemo(() => formRevisionToSchema(formik.values), [formik.values]);
-    return /* @__PURE__ */ jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxs(Flex$1, { direction: "column", gap: "2", children: [
-      showTabs && /* @__PURE__ */ jsxs(Tabs.List, { className: classNames$1(styles$d.tabsList, tabsListClassName), children: [
-        /* @__PURE__ */ jsx(Tabs.Trigger, { className: styles$d.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
+    const dangerColor = useSeverityColor("danger");
+    return /* @__PURE__ */ jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+      showTabs && /* @__PURE__ */ jsxs(Tabs.List, { className: classNames$1(styles$c.tabsList, tabsListClassName), children: [
+        /* @__PURE__ */ jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
           /* @__PURE__ */ jsx(RiIcon, { icon: "RiPencilLine" }),
           "Edit"
         ] }) }),
-        /* @__PURE__ */ jsx(Tabs.Trigger, { className: styles$d.tabTrigger, value: "preview", children: /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "preview", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
           /* @__PURE__ */ jsx(RiIcon, { icon: "RiEyeLine" }),
           "Preview"
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs(Tabs.Content, { value: "edit", children: [
-        showExplainerText && /* @__PURE__ */ jsxs(Text$1, { children: [
+        showExplainerText && /* @__PURE__ */ jsxs(Text, { children: [
           "Create your form using various field types. Sections can be",
           " ",
           /* @__PURE__ */ jsx("strong", { children: "conditionally rendered" }),
@@ -16258,9 +16110,9 @@ const FormBuilder = memo(
           " ",
           /* @__PURE__ */ jsx("strong", { children: "answers to fields in preceding sections. " })
         ] }),
-        /* @__PURE__ */ jsx(Flex$1, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: formik.handleSubmit, children: [
+        /* @__PURE__ */ jsx(Flex, { asChild: true, direction: "column", gap: "2", mt: "3", children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: formik.handleSubmit, children: [
           /* @__PURE__ */ jsxs(FormikProvider, { value: formik, children: [
-            showFormTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
+            showFormTitle && /* @__PURE__ */ jsxs(Fragment$1, { children: [
               /* @__PURE__ */ jsx(
                 PatchField,
                 {
@@ -16268,8 +16120,8 @@ const FormBuilder = memo(
                   render: ({ setValue, value, meta }) => /* @__PURE__ */ jsx(InputWithHelpText, { severity: "danger", helpText: meta.error ?? null, children: /* @__PURE__ */ jsx(
                     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,
@@ -16291,7 +16143,7 @@ const FormBuilder = memo(
                   render: ({ setValue, value }) => /* @__PURE__ */ jsx(
                     TextArea,
                     {
-                      className: styles$d.description,
+                      className: styles$c.description,
                       placeholder: "Explain the purpose of this form",
                       value,
                       onChange: (event) => {
@@ -16307,9 +16159,9 @@ const FormBuilder = memo(
               )
             ] }),
             /* @__PURE__ */ jsx(FieldsEditor, { fieldsOnly }),
-            /* @__PURE__ */ jsx(Text$1, { severity: "danger", size: "1", children: typeof formik.errors.fields === "string" && formik.errors.fields })
+            /* @__PURE__ */ jsx(Text, { color: dangerColor, size: "1", children: typeof formik.errors.fields === "string" && formik.errors.fields })
           ] }),
-          /* @__PURE__ */ jsxs(Flex$1, { className: styles$d.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
+          /* @__PURE__ */ jsxs(Flex, { className: styles$c.floatingButtonContainer, align: "center", justify: "end", gap: "2", children: [
             onCancel && /* @__PURE__ */ jsx(Button, { type: "button", variant: "solid", severity: "info", onClick: onCancel, children: "Cancel" }),
             /* @__PURE__ */ jsx(Button, { type: "submit", children: "Save form" })
           ] })
@@ -16331,7 +16183,6 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   FormBrowser,
   FormBuilder,
   FormRenderer,
-  FormSubmissionBrowser,
   FormSubmissionViewer,
   InputWithHelpText,
   InputWithLabel,
@@ -16411,7 +16262,6 @@ export {
   FormBrowser,
   FormBuilder,
   FormRenderer,
-  FormSubmissionBrowser,
   FormSubmissionViewer,
   GREEN,
   HttpMethod,
@@ -16660,7 +16510,6 @@ export {
   outboxReducer,
   outboxSlice,
   overmapEnhancer,
-  overmapReducer,
   overmapReducers,
   overmapRootReducer,
   patchCategory,
@@ -16861,6 +16710,7 @@ export {
   selectOrganizationsWithAccess,
   selectPermittedWorkspaceIds,
   selectPhotoAttachmentsOfIssue,
+  selectProject,
   selectProjectAccess,
   selectProjectAccessForUser,
   selectProjectAccessUserMapping,
@@ -16932,6 +16782,7 @@ export {
   setEnableClustering,
   setEnableDuplicateIssues,
   setEnablePlacementMode,
+  setEnableSvgLayout,
   setFormRevision,
   setFormRevisionAttachments,
   setFormRevisions,
@@ -16961,6 +16812,7 @@ export {
   setProjectAttachments,
   setProjectFileVisible,
   setProjects,
+  setRehydrated,
   setSectionExpanded,
   setShowTooltips,
   setStageCompletions,