@overmap-ai/core 1.0.53-add-agent-conversations.10 → 1.0.53-add-agent-conversations.12

package/dist/overmap-core.js

@@ -8,7 +8,7 @@ var _a;
 import * as React from "react";
 import React__default, { useState, useEffect, useRef, memo, useMemo, 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, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
+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 { DepGraph } from "dependency-graph";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
@@ -24,6 +24,7 @@ import jwtDecode from "jwt-decode";
 import { RESET_STATE } from "@redux-offline/redux-offline/lib/constants";
 import { openDB } from "idb";
 import { useField, useFormikContext, useFormik, FormikProvider } from "formik";
+import { flushSync } from "react-dom";
 import get from "lodash.get";
 import Linkify from "linkify-react";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
@@ -32,7 +33,6 @@ import { read, utils } from "xlsx";
 import { pdfjs, Document, Page } from "react-pdf";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
-import { flushSync } from "react-dom";
 import { ReactSketchCanvas } from "react-sketch-canvas";
 import set from "lodash.set";
 import cloneDeep from "lodash.clonedeep";
@@ -1578,6 +1578,9 @@ const selectIssueCountOfCategory = (categoryId) => (state) => {
   return Object.values(state.issueReducer.issues).filter((issue) => issue.category === categoryId).length;
 };
 const categoryReducer = categorySlice.reducer;
+function setAttachment(state, action) {
+  state.attachments[action.payload.offline_id] = action.payload;
+}
 function setAttachments(state, action) {
   state.attachments = {};
   for (const attachment of action.payload) {
@@ -1602,6 +1605,15 @@ function updateAttachment(state, action) {
     throw new Error(`Attachment ${action.payload.offline_id} does not exist.`);
   }
 }
+function updateAttachments(state, action) {
+  for (const attachment of action.payload) {
+    if (attachment.offline_id in state.attachments) {
+      state.attachments[attachment.offline_id] = attachment;
+    } else {
+      throw new Error(`Attachment ${attachment.offline_id} does not exist.`);
+    }
+  }
+}
 function removeAttachment(state, action) {
   if (action.payload in state.attachments) {
     delete state.attachments[action.payload];
@@ -1635,12 +1647,6 @@ const componentSlice = createSlice({
       state.components = toOfflineIdRecord(action.payload);
       prevComponents = null;
     },
-    setComponentAttachments: setAttachments,
-    addComponentAttachment: addAttachment,
-    addComponentAttachments: addAttachments,
-    updateComponentAttachment: updateAttachment,
-    removeComponentAttachment: removeAttachment,
-    removeComponentAttachments: removeAttachments,
     updateComponent: (state, action) => {
       if (action.payload.offline_id in state.components) {
         state.components[action.payload.offline_id] = action.payload;
@@ -1665,9 +1671,35 @@ const componentSlice = createSlice({
         }
       }
       prevComponents = null;
-    }
+    },
+    // Attachments
+    setComponentAttachment: setAttachment,
+    setComponentAttachments: setAttachments,
+    addComponentAttachment: addAttachment,
+    addComponentAttachments: addAttachments,
+    updateComponentAttachment: updateAttachment,
+    updateComponentAttachments: updateAttachments,
+    removeComponentAttachment: removeAttachment,
+    removeComponentAttachments: removeAttachments
   }
 });
+const {
+  addComponent,
+  updateComponent,
+  removeComponent,
+  addComponentsInBatches,
+  setComponents,
+  removeAllComponentsOfType,
+  // Attachments
+  setComponentAttachment,
+  setComponentAttachments,
+  addComponentAttachment,
+  addComponentAttachments,
+  updateComponentAttachment,
+  updateComponentAttachments,
+  removeComponentAttachment,
+  removeComponentAttachments
+} = componentSlice.actions;
 let prevComponents = null;
 const selectComponents = (state) => {
   if (!prevComponents) {
@@ -1762,20 +1794,6 @@ const selectAttachmentsOfComponentByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const {
-  addComponent,
-  updateComponent,
-  removeComponent,
-  addComponentsInBatches,
-  setComponents,
-  setComponentAttachments,
-  addComponentAttachment,
-  addComponentAttachments,
-  updateComponentAttachment,
-  removeComponentAttachment,
-  removeComponentAttachments,
-  removeAllComponentsOfType
-} = componentSlice.actions;
 const componentReducer = componentSlice.reducer;
 const initialState$p = {
   completionsByComponentId: {}
@@ -1966,20 +1984,38 @@ const componentTypeSlice = createSlice({
     setComponentTypes: (state, action) => {
       state.componentTypes = toOfflineIdRecord(action.payload);
     },
-    setComponentTypeAttachments: setAttachments,
-    addComponentTypeAttachment: addAttachment,
-    addComponentTypeAttachments: addAttachments,
-    updateComponentTypeAttachment: updateAttachment,
-    removeComponentTypeAttachment: removeAttachment,
-    removeComponentTypeAttachments: removeAttachments,
     toggleComponentTypeVisibility: (state, action) => {
       state.hiddenComponentTypeIds[action.payload] = !state.hiddenComponentTypeIds[action.payload];
     },
     deleteComponentType: (state, action) => {
       delete state.componentTypes[action.payload];
-    }
+    },
+    // Attachments
+    setComponentTypeAttachment: setAttachment,
+    setComponentTypeAttachments: setAttachments,
+    addComponentTypeAttachment: addAttachment,
+    addComponentTypeAttachments: addAttachments,
+    updateComponentTypeAttachment: updateAttachment,
+    updateComponentTypeAttachments: updateAttachments,
+    removeComponentTypeAttachment: removeAttachment,
+    removeComponentTypeAttachments: removeAttachments
   }
 });
+const {
+  addComponentType,
+  setComponentTypes,
+  toggleComponentTypeVisibility,
+  deleteComponentType,
+  // Attachmet
+  setComponentTypeAttachment,
+  setComponentTypeAttachments,
+  addComponentTypeAttachment,
+  addComponentTypeAttachments,
+  updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
+  removeComponentTypeAttachment,
+  removeComponentTypeAttachments
+} = componentTypeSlice.actions;
 const selectComponentTypesMapping = (state) => state.componentTypeReducer.componentTypes;
 const selectComponentTypes = createSelector(
   [selectComponentTypesMapping],
@@ -2056,18 +2092,6 @@ const selectAttachmentsOfComponentTypeByType = restructureCreateSelectorWithArgs
     }
   )
 );
-const {
-  addComponentType,
-  setComponentTypes,
-  setComponentTypeAttachments,
-  addComponentTypeAttachment,
-  addComponentTypeAttachments,
-  updateComponentTypeAttachment,
-  removeComponentTypeAttachment,
-  removeComponentTypeAttachments,
-  toggleComponentTypeVisibility,
-  deleteComponentType
-} = componentTypeSlice.actions;
 const componentTypeReducer = componentTypeSlice.reducer;
 const initialState$m = {
   workspaces: {},
@@ -2157,7 +2181,6 @@ const issueSlice = createSlice({
         state.issues[issue.offline_id] = issue;
       });
     },
-    setIssueAttachments: setAttachments,
     setIssueUpdates: (state, action) => {
       if (action.payload.filter(onlyUniqueOfflineIds).length !== action.payload.length) {
         throw new Error("Tried to use setIssues reducer with duplicate ID's");
@@ -2187,8 +2210,6 @@ const issueSlice = createSlice({
         state.issues[issue.offline_id] = issue;
       }
     },
-    addIssueAttachment: addAttachment,
-    addIssueAttachments: addAttachments,
     addIssueUpdate: (state, action) => {
       if (action.payload.offline_id in state.updates) {
         throw new Error(`Tried to add duplicate issue update with offline_id: ${action.payload.offline_id}`);
@@ -2210,7 +2231,6 @@ const issueSlice = createSlice({
         throw new Error(`Tried to update issue with ID that doesn't exist: ${action.payload.offline_id}`);
       }
     },
-    updateIssueAttachment: updateAttachment,
     removeIssue: (state, action) => {
       if (action.payload in state.issues) {
         delete state.issues[action.payload];
@@ -2223,7 +2243,6 @@ const issueSlice = createSlice({
         delete state.issues[issueId];
       }
     },
-    removeIssueAttachment: removeAttachment,
     removeIssueUpdate: (state, action) => {
       if (action.payload in state.updates) {
         delete state.updates[action.payload];
@@ -2320,12 +2339,19 @@ const issueSlice = createSlice({
       if (indexToRemove !== -1) {
         state.recentIssueIds.splice(indexToRemove, 1);
       }
-    }
+    },
+    // Attachments
+    setIssueAttachment: setAttachment,
+    setIssueAttachments: setAttachments,
+    addIssueAttachment: addAttachment,
+    addIssueAttachments: addAttachments,
+    updateIssueAttachment: updateAttachment,
+    updateIssueAttachments: updateAttachments,
+    removeIssueAttachment: removeAttachment,
+    removeIssueAttachments: removeAttachments
   }
 });
 const {
-  addIssueAttachment,
-  addIssueAttachments,
   addIssue,
   addIssues,
   addIssueUpdate,
@@ -2333,7 +2359,6 @@ const {
   addOrReplaceIssueComment,
   addToRecentIssues,
   cleanRecentIssues,
-  removeIssueAttachment,
   removeAttachmentsOfIssue,
   removeIssue,
   removeIssues,
@@ -2342,13 +2367,20 @@ const {
   removeRecentIssue,
   resetRecentIssues,
   setActiveIssueId,
-  setIssueAttachments,
   setIssueUpdates,
   setIssues,
   setVisibleStatuses,
   setVisibleUserIds,
-  updateIssueAttachment,
   updateIssue,
+  // Attachments
+  setIssueAttachment,
+  setIssueAttachments,
+  addIssueAttachment,
+  addIssueAttachments,
+  updateIssueAttachment,
+  updateIssueAttachments,
+  removeIssueAttachment,
+  removeIssueAttachments,
   // Commments
   addIssueComment,
   addIssueComments,
@@ -2717,6 +2749,14 @@ var OrganizationAccessLevel = /* @__PURE__ */ ((OrganizationAccessLevel2) => {
   OrganizationAccessLevel2[OrganizationAccessLevel2["ADMIN"] = 2] = "ADMIN";
   return OrganizationAccessLevel2;
 })(OrganizationAccessLevel || {});
+var AttachmentModel = /* @__PURE__ */ ((AttachmentModel2) => {
+  AttachmentModel2["Issue"] = "issue";
+  AttachmentModel2["Component"] = "component";
+  AttachmentModel2["ComponentType"] = "component_type";
+  AttachmentModel2["Project"] = "project";
+  AttachmentModel2["Document"] = "document";
+  return AttachmentModel2;
+})(AttachmentModel || {});
 var IssueUpdateChange = /* @__PURE__ */ ((IssueUpdateChange2) => {
   IssueUpdateChange2["STATUS"] = "status";
   IssueUpdateChange2["PRIORITY"] = "priority";
@@ -3104,11 +3144,13 @@ const projectSlice = createSlice({
         throw new Error("Update form submissions count: no active project");
       }
     },
-    // Attachment related
+    // Attachments
+    setProjectAttachment: setAttachment,
     setProjectAttachments: setAttachments,
     addProjectAttachment: addAttachment,
     addProjectAttachments: addAttachments,
     updateProjectAttachment: updateAttachment,
+    updateProjectAttachments: updateAttachments,
     removeProjectAttachment: removeAttachment,
     removeProjectAttachments: removeAttachments
   }
@@ -3123,11 +3165,13 @@ const {
   acceptProjectInvite,
   addActiveProjectIssuesCount,
   addActiveProjectFormSubmissionsCount,
-  // Attachment related
+  // Attachments
+  setProjectAttachment,
   setProjectAttachments,
   addProjectAttachment,
   addProjectAttachments,
   updateProjectAttachment,
+  updateProjectAttachments,
   removeProjectAttachment,
   removeProjectAttachments
 } = projectSlice.actions;
@@ -3198,6 +3242,9 @@ const selectAllProjectAttachments = createSelector(
   [selectProjectAttachmentMapping],
   (mapping) => Object.values(mapping)
 );
+const selectProjectAttachment = (attachmentId) => (state) => {
+  return state.projectReducer.attachments[attachmentId];
+};
 const selectAttachmentsOfProject = restructureCreateSelectorWithArgs(
   createSelector(
     [selectAllProjectAttachments, (_state, projectId) => projectId],
@@ -4313,10 +4360,13 @@ const documentSlice = createSlice({
         delete state.documents[documentId];
       }
     },
+    // Attachments
+    setDocumentAttachment: setAttachment,
     setDocumentAttachments: setAttachments,
     addDocumentAttachment: addAttachment,
     addDocumentAttachments: addAttachments,
     updateDocumentAttachment: updateAttachment,
+    updateDocumentAttachments: updateAttachments,
     removeDocumentAttachment: removeAttachment,
     removeDocumentAttachments: removeAttachments
   }
@@ -4327,10 +4377,13 @@ const {
   updateDocuments,
   moveDocument,
   removeDocuments,
+  // Attachments
+  setDocumentAttachment,
   setDocumentAttachments,
   addDocumentAttachment,
   addDocumentAttachments,
   updateDocumentAttachment,
+  updateDocumentAttachments,
   removeDocumentAttachment,
   removeDocumentAttachments
 } = documentSlice.actions;
@@ -5069,635 +5122,88 @@ class BaseApiService {
     return promise;
   }
 }
-class AttachmentService extends BaseApiService {
-  fetchAll(projectId) {
-    const promise = this.enqueueRequest({
-      description: "Fetch attachments",
-      method: HttpMethod.GET,
-      url: `/attachments/${projectId}/`,
-      blocks: [],
-      blockers: []
-    });
-    const state = this.client.store.getState();
-    const allAttachments = {
-      issue_attachments: Object.values(state.issueReducer.attachments),
-      component_attachments: Object.values(state.componentReducer.attachments),
-      component_type_attachments: Object.values(state.componentTypeReducer.attachments),
-      project_attachments: Object.values(state.projectReducer.attachments),
-      document_attachments: Object.values(state.documentsReducer.attachments)
-    };
-    return [allAttachments, promise];
-  }
-  // Attachments aren't models, so we use the OptimisticGenericResult type instead
-  async addIssueAttachment(attachmentPayload) {
-    const { issue, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addIssueAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/issues/${issue}/attach/`,
-      blocks: [offline_id, issue],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeIssueAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addComponentAttachment(attachmentPayload) {
-    const { component, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addComponentAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/components/${component}/attach/`,
-      blocks: [offline_id, component],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeComponentAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addComponentTypeAttachment(attachmentPayload) {
-    const { component_type, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addComponentTypeAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/components/types/${component_type}/attach/`,
-      blocks: [offline_id, component_type],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeComponentTypeAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addDocumentAttachment(attachmentPayload) {
-    const { description: description2, document: document2, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addDocumentAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/documents/${document2}/attach/`,
-      blocks: [offline_id, document2],
-      blockers: [file_sha1],
-      payload: {
-        offline_id,
-        document: document2,
-        description: description2 ?? "",
-        submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeDocumentAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  /** the outer Promise is needed to await the hashing of each file, which is required before offline use. If wanting to
-   * attach promise handlers to the request to add the attachment in the backend, apply it on the promise returned from the
-   * OptimisticModelResult. */
-  attachFilesToIssue(filesToSubmit, issueId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          issue: issueId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addIssueAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToComponent(filesToSubmit, componentId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          component: componentId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addComponentAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToComponentType(filesToSubmit, componentTypeId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          component_type: componentTypeId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addComponentTypeAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToDocument(filesToSubmit, documentId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          document: documentId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addDocumentAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  async replaceIssueAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().issueReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateIssueAttachment({ ...attachment, file_sha1: newSha1, file: URL.createObjectURL(newFile) })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateIssueAttachment(attachment));
+const EXPIRING_SOON_THRESHOLD = 1800;
+function parseTokens(response) {
+  if (!response.access)
+    throw new Error("Missing access token");
+  if (!response.refresh)
+    throw new Error("Missing refresh token");
+  return { accessToken: response.access, refreshToken: response.refresh };
+}
+class AuthService extends BaseApiService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "_getAccessToken", () => this.client.store.getState().authReducer.accessToken);
+    __publicField(this, "_getRefreshToken", () => this.client.store.getState().authReducer.refreshToken);
+    // _getTokenPair and _getRenewedTokens don't need to use enqueueRequest from the BaseApiService because
+    // they are very simple. However, if we need robust error handling or want these operations to queue in the Outbox,
+    // we will use enqueueRequest.
+    /**
+     * Takes credentials and gets a token pair
+     * @async
+     * @param credentials The username and password for obtaining a token pair
+     * @param logoutOnFailure Whether to log out if the request fails
+     * @returns An array containing two elements: 1) a Promise for the access and refresh tokens, and 2) the UUID of the
+     * request, so the request can be cancelled if necessary.
+     */
+    __publicField(this, "_getTokenPair", (credentials, logoutOnFailure = true) => {
+      const uuid = v4();
+      const responsePromise = this.enqueueRequest({
+        uuid,
+        description: "Get token pair",
+        method: HttpMethod.POST,
+        url: "/api/token/",
+        payload: credentials,
+        isAuthNeeded: false,
+        checkAuth: false,
+        blockers: [],
+        blocks: []
+      }).then(parseTokens).catch((e) => {
+        if (logoutOnFailure) {
+          void this.logout().then();
+        }
         throw e;
       });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/issues/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
+      return [responsePromise, uuid];
+    });
+    /**
+     * Takes refresh token and gets a new token pair
+     * @async
+     * @param {string} refreshToken The refresh token used to get new tokens
+     * @returns {Promise<TokenPair>} The new access and refresh tokens
+     */
+    __publicField(this, "_getRenewedTokens", async (refreshToken) => {
+      const promise = this.enqueueRequest({
+        description: "Get renewed tokens",
+        method: HttpMethod.POST,
+        url: "/api/token/refresh/",
+        payload: { refresh: refreshToken },
+        isAuthNeeded: false,
+        blockers: [],
+        blocks: [],
+        // Don't wait for an auth check since this is a refresh token request.
+        checkAuth: false,
+        // Don't wait for other requests to finish, or we might end up in a deadlock.
+        immediate: true
+      }).catch((e) => {
+        console.error("Could not renew tokens; logging out due to error:", e);
+        void this.logout();
+        return void 0;
       });
+      let response = void 0;
       try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
+        response = await promise;
       } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateIssueAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
+        await this.logout();
       }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceComponentAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().componentReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateComponentAttachment({ ...attachment, file_sha1: newSha1, file: URL.createObjectURL(newFile) })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateComponentAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/components/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateComponentAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceComponentTypeAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().componentTypeReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateComponentTypeAttachment({
-          ...attachment,
-          file_sha1: newSha1,
-          file: URL.createObjectURL(newFile)
-        })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateComponentTypeAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/component_types/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateComponentTypeAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceDocumentAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().documentsReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateDocumentAttachment({
-          ...attachment,
-          file_sha1: newSha1,
-          file: URL.createObjectURL(newFile)
-        })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateDocumentAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/documents/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateDocumentAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  /**
-   * Deletes an attachment and associated data in the cloud, in the Redux store and the cache.
-   * @param issueAttachmentId
-   */
-  deleteIssueAttachment(issueAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectIssueAttachmentMapping(store.getState())[issueAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${issueAttachmentId} not found`);
-    }
-    store.dispatch(removeIssueAttachment(issueAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/issues/${issueAttachmentId}/`,
-      blockers: [issueAttachmentId],
-      blocks: [issueAttachmentId]
-    });
-  }
-  deleteComponentAttachment(componentAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectComponentAttachmentMapping(store.getState())[componentAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${componentAttachmentId} not found`);
-    }
-    store.dispatch(removeComponentAttachment(componentAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/components/${componentAttachmentId}/`,
-      blockers: [componentAttachmentId],
-      blocks: [componentAttachmentId]
-    });
-  }
-  deleteComponentTypeAttachment(componentTypeAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectComponentTypeAttachmentMapping(store.getState())[componentTypeAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${componentTypeAttachmentId} not found`);
-    }
-    store.dispatch(removeComponentTypeAttachment(componentTypeAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/component_types/${componentTypeAttachmentId}/`,
-      blockers: [componentTypeAttachmentId],
-      blocks: [componentTypeAttachmentId]
-    });
-  }
-  deleteDocumentAttachment(documentAttachmentId) {
-    const { store } = this.client;
-    const attachment = store.getState().documentsReducer.attachments[documentAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${documentAttachmentId} not found`);
-    }
-    store.dispatch(removeDocumentAttachment(documentAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete document attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/documents/${documentAttachmentId}/`,
-      blockers: [documentAttachmentId],
-      blocks: [documentAttachmentId]
-    });
-  }
-}
-const EXPIRING_SOON_THRESHOLD = 1800;
-function parseTokens(response) {
-  if (!response.access)
-    throw new Error("Missing access token");
-  if (!response.refresh)
-    throw new Error("Missing refresh token");
-  return { accessToken: response.access, refreshToken: response.refresh };
-}
-class AuthService extends BaseApiService {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_getAccessToken", () => this.client.store.getState().authReducer.accessToken);
-    __publicField(this, "_getRefreshToken", () => this.client.store.getState().authReducer.refreshToken);
-    // _getTokenPair and _getRenewedTokens don't need to use enqueueRequest from the BaseApiService because
-    // they are very simple. However, if we need robust error handling or want these operations to queue in the Outbox,
-    // we will use enqueueRequest.
-    /**
-     * Takes credentials and gets a token pair
-     * @async
-     * @param credentials The username and password for obtaining a token pair
-     * @param logoutOnFailure Whether to log out if the request fails
-     * @returns An array containing two elements: 1) a Promise for the access and refresh tokens, and 2) the UUID of the
-     * request, so the request can be cancelled if necessary.
-     */
-    __publicField(this, "_getTokenPair", (credentials, logoutOnFailure = true) => {
-      const uuid = v4();
-      const responsePromise = this.enqueueRequest({
-        uuid,
-        description: "Get token pair",
-        method: HttpMethod.POST,
-        url: "/api/token/",
-        payload: credentials,
-        isAuthNeeded: false,
-        checkAuth: false,
-        blockers: [],
-        blocks: []
-      }).then(parseTokens).catch((e) => {
-        if (logoutOnFailure) {
-          void this.logout().then();
-        }
-        throw e;
-      });
-      return [responsePromise, uuid];
-    });
-    /**
-     * Takes refresh token and gets a new token pair
-     * @async
-     * @param {string} refreshToken The refresh token used to get new tokens
-     * @returns {Promise<TokenPair>} The new access and refresh tokens
-     */
-    __publicField(this, "_getRenewedTokens", async (refreshToken) => {
-      const promise = this.enqueueRequest({
-        description: "Get renewed tokens",
-        method: HttpMethod.POST,
-        url: "/api/token/refresh/",
-        payload: { refresh: refreshToken },
-        isAuthNeeded: false,
-        blockers: [],
-        blocks: [],
-        // Don't wait for an auth check since this is a refresh token request.
-        checkAuth: false,
-        // Don't wait for other requests to finish, or we might end up in a deadlock.
-        immediate: true
-      }).catch((e) => {
-        console.error("Could not renew tokens; logging out due to error:", e);
-        void this.logout();
-        return void 0;
-      });
-      let response = void 0;
-      try {
-        response = await promise;
-      } catch (e) {
-        await this.logout();
-      }
-      if (!response)
-        return void 0;
-      if (!response.access)
-        throw new Error("Missing access token");
-      if (!response.refresh)
-        throw new Error("Missing refresh token");
-      return { accessToken: response.access, refreshToken: response.refresh };
-    });
+      if (!response)
+        return void 0;
+      if (!response.access)
+        throw new Error("Missing access token");
+      if (!response.refresh)
+        throw new Error("Missing refresh token");
+      return { accessToken: response.access, refreshToken: response.refresh };
+    });
   }
   /**
    * Attempts to log into Hemora using given credentials
@@ -6307,6 +5813,221 @@ class ComponentStageService extends BaseApiService {
     store.dispatch(addStages(result));
   }
 }
+const AttachmentModelMeta = {
+  [AttachmentModel.Issue]: {
+    name: "issue",
+    attachUrlPrefix: "/issues",
+    deleteUrlPrefix: "/issues",
+    fetchUrlPostfix: "/issue-attachments"
+  },
+  [AttachmentModel.Component]: {
+    name: "component",
+    attachUrlPrefix: "/components",
+    deleteUrlPrefix: "/components",
+    fetchUrlPostfix: "/component-attachments"
+  },
+  [AttachmentModel.ComponentType]: {
+    name: "component type",
+    attachUrlPrefix: "/components/types",
+    deleteUrlPrefix: "/components/types",
+    fetchUrlPostfix: "/component-type-attachments"
+  },
+  [AttachmentModel.Project]: {
+    name: "component project",
+    attachUrlPrefix: "/projects",
+    deleteUrlPrefix: "/projects",
+    fetchUrlPostfix: "/attachments"
+  },
+  [AttachmentModel.Document]: {
+    name: "document",
+    attachUrlPrefix: "/documents",
+    deleteUrlPrefix: "/documents",
+    fetchUrlPostfix: "/document-attachments"
+  }
+};
+class BaseAttachmentService extends BaseApiService {
+  getNumberOfAttachmentsWithSha1(sha1) {
+    const {
+      issueReducer: issueReducer2,
+      componentReducer: componentReducer2,
+      componentTypeReducer: componentTypeReducer2,
+      documentsReducer: documentsReducer2,
+      projectReducer: projectReducer2,
+      formSubmissionReducer: formSubmissionReducer2,
+      formRevisionReducer: formRevisionReducer2
+    } = this.client.store.getState();
+    const objectsWithSha1 = [].concat(
+      Object.values(issueReducer2.attachments),
+      Object.values(componentReducer2.attachments),
+      Object.values(componentTypeReducer2.attachments),
+      Object.values(documentsReducer2.attachments),
+      Object.values(projectReducer2.attachments),
+      Object.values(formRevisionReducer2.attachments),
+      Object.values(formSubmissionReducer2.attachments)
+    );
+    return objectsWithSha1.filter((object) => object.file_sha1 === sha1).length;
+  }
+  processPresignedUrls(presignedUrls) {
+    for (const [sha1, presignedUrl] of Object.entries(presignedUrls)) {
+      void this.enqueueRequest({
+        url: presignedUrl.url,
+        description: "Upload file to S3",
+        method: HttpMethod.POST,
+        isExternalUrl: true,
+        isAuthNeeded: false,
+        attachmentHash: sha1,
+        // TODO: can we use the sha1 as the blocker?
+        blockers: [`s3-${presignedUrl.fields.key}`],
+        blocks: [sha1],
+        s3url: presignedUrl
+      });
+    }
+  }
+  // Note that currently the fetching of attachments for all models dependds on the active projectId. This may change in the future. And
+  //  so for some attachment model services, this method will have to be overridden.
+  async getAttachments(actions) {
+    const { store } = this.client;
+    const activeProjectId = store.getState().projectReducer.activeProjectId;
+    const meta = AttachmentModelMeta[this.attachmentModel];
+    const result = await this.enqueueRequest({
+      description: `Get ${meta.name} attachments`,
+      method: HttpMethod.GET,
+      url: `/projects/${activeProjectId}${meta.fetchUrlPostfix}/`,
+      blocks: [],
+      blockers: []
+    });
+    store.dispatch(actions.setAttachments(result));
+  }
+  async attachFiles(files, modelId, buildOfflineAttachment, actions) {
+    const { store } = this.client;
+    const currentUser = store.getState().userReducer.currentUser;
+    const submittedAt = (/* @__PURE__ */ new Date()).toISOString();
+    const offlineAttachments = [];
+    const attachmentPayloads = [];
+    const filePayloads = {};
+    for (const file of files) {
+      const sha1 = await hashFile(file);
+      if (!(sha1 in filePayloads)) {
+        filePayloads[sha1] = {
+          sha1,
+          file_type: file.type,
+          extension: file.name.split(".").pop(),
+          size: file.size
+        };
+        await this.client.files.addCache(file, sha1);
+      }
+      const offlineAttachment = buildOfflineAttachment({
+        file,
+        sha1,
+        submittedAt,
+        createdBy: currentUser.id,
+        description: "",
+        modelId
+      });
+      offlineAttachments.push(offlineAttachment);
+      attachmentPayloads.push({
+        offline_id: offlineAttachment.offline_id,
+        name: offlineAttachment.file_name,
+        sha1: offlineAttachment.file_sha1,
+        description: offlineAttachment.description
+      });
+    }
+    store.dispatch(actions.addAttachments(offlineAttachments));
+    const meta = AttachmentModelMeta[this.attachmentModel];
+    const promise = this.enqueueRequest({
+      description: `Attach files to ${meta.name}`,
+      method: HttpMethod.POST,
+      url: `${meta.attachUrlPrefix}/${modelId}/attach/`,
+      payload: {
+        submitted_at: submittedAt,
+        attachments: attachmentPayloads,
+        files: Object.values(filePayloads)
+      },
+      blocks: offlineAttachments.map((attachment) => attachment.offline_id),
+      blockers: offlineAttachments.map((attachment) => attachment.file_sha1)
+    });
+    promise.then(({ attachments, presigned_urls }) => {
+      store.dispatch(actions.updateAttachments(attachments));
+      this.processPresignedUrls(presigned_urls);
+    }).catch(() => {
+      store.dispatch(actions.removeAttachments(offlineAttachments.map((attachment) => attachment.offline_id)));
+    });
+    return [offlineAttachments, promise.then(({ attachments }) => attachments)];
+  }
+  async deleteAttachment(attachmendId, actions, selectors) {
+    const { store } = this.client;
+    const attachment = selectors.selectAttachment(attachmendId)(store.getState());
+    if (!attachment) {
+      throw new Error(
+        `Attempting to delete attachment with offline_id ${attachmendId} that does not exist in the store`
+      );
+    }
+    store.dispatch(actions.removeAttachment(attachment.offline_id));
+    const meta = AttachmentModelMeta[this.attachmentModel];
+    const promise = this.enqueueRequest({
+      description: "Delete attachment",
+      method: HttpMethod.DELETE,
+      url: `${meta.deleteUrlPrefix}/attachments/${attachmendId}/`,
+      blockers: [attachmendId],
+      blocks: []
+    });
+    promise.then(() => {
+      if (this.getNumberOfAttachmentsWithSha1(attachment.file_sha1) === 0) {
+        void this.client.files.removeCache(attachment.file_sha1);
+      }
+    }).catch(() => {
+      store.dispatch(actions.setAttachment(attachment));
+    });
+    return promise;
+  }
+}
+class ComponentAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Component);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      component: data.modelId
+    });
+  }
+  async attachFilesToComponent(files, componentId) {
+    return this.attachFiles(
+      files,
+      componentId,
+      this.buildOfflineAttachment.bind(this),
+      {
+        addAttachments: addComponentAttachments,
+        updateAttachments: updateComponentAttachments,
+        removeAttachments: removeComponentAttachments
+      }
+    );
+  }
+  deleteComponentAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setComponentAttachment,
+        removeAttachment: removeComponentAttachment
+      },
+      {
+        selectAttachment: selectComponentAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setComponentAttachments
+    });
+  }
+}
 class ComponentTypeService extends BaseApiService {
   add(componentType) {
     const offlineComponentType = offline(componentType);
@@ -6379,11 +6100,58 @@ class ComponentTypeService extends BaseApiService {
     store.dispatch(setComponentTypes(result));
   }
 }
-class IssueCommentService extends BaseApiService {
-  // Omit author and submitted_at since these will always be set internally
-  add(comment) {
-    const { store } = this.client;
-    const offlineComment = offline({
+class ComponentTypeAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.ComponentType);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      component_type: data.modelId
+    });
+  }
+  async attachFilesToComponentType(files, componentTypeId) {
+    return this.attachFiles(
+      files,
+      componentTypeId,
+      this.buildOfflineAttachment.bind(this),
+      {
+        addAttachments: addComponentTypeAttachments,
+        updateAttachments: updateComponentTypeAttachments,
+        removeAttachments: removeComponentTypeAttachments
+      }
+    );
+  }
+  deleteComponentTypeAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setComponentTypeAttachment,
+        removeAttachment: removeComponentTypeAttachment
+      },
+      {
+        selectAttachment: selectComponentTypeAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setComponentTypeAttachments
+    });
+  }
+}
+class IssueCommentService extends BaseApiService {
+  // Omit author and submitted_at since these will always be set internally
+  add(comment) {
+    const { store } = this.client;
+    const offlineComment = offline({
       ...comment,
       author: store.getState().userReducer.currentUser.id,
       submitted_at: (/* @__PURE__ */ new Date()).toISOString()
@@ -6475,11 +6243,53 @@ class IssueUpdateService extends BaseApiService {
     store.dispatch(setIssueUpdates(filteredResult));
   }
 }
+class IssueAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Issue);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      issue: data.modelId
+    });
+  }
+  async attachFilesToIssue(files, issueId) {
+    return this.attachFiles(files, issueId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addIssueAttachments,
+      updateAttachments: updateIssueAttachments,
+      removeAttachments: removeIssueAttachments
+    });
+  }
+  deleteIssueAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setIssueAttachment,
+        removeAttachment: removeIssueAttachment
+      },
+      {
+        selectAttachment: selectIssueAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setIssueAttachments
+    });
+  }
+}
 class IssueService extends BaseApiService {
   // Basic CRUD functions
   // TODO: Once all models are represented in `Created<TModel>`, use `Created` in `OptimisticModelResult`, so we don't
   //  have to repeat it for all optimistic model results (all optimistic results are created).
-  add(issue, issue_type = null) {
+  add(issue, issueType = null) {
     const { store } = this.client;
     const dateWithoutMilliseconds = /* @__PURE__ */ new Date();
     const state = store.getState();
@@ -6506,7 +6316,7 @@ class IssueService extends BaseApiService {
       url: "/issues/",
       queryParams: {
         workspace_id: workspaceId,
-        ...issue_type ? { issue_type } : {}
+        ...issueType ? { issue_type: issueType } : {}
       },
       payload: issuePayload,
       blockers: [
@@ -6643,7 +6453,7 @@ class IssueService extends BaseApiService {
       this.client.store.dispatch(updateIssue(issueToBeUpdated));
       this.client.store.dispatch(removeIssueUpdate(offlineIssueUpdate.offline_id));
     });
-    const fullIssue = this.client.store.getState().issueReducer.issues[issue.offline_id];
+    const fullIssue = state.issueReducer.issues[issue.offline_id];
     return [fullIssue, promise];
   }
   async remove(id) {
@@ -6694,14 +6504,15 @@ class IssueService extends BaseApiService {
 class IssueTypeService extends BaseApiService {
   add(payload) {
     const { store } = this.client;
-    const activeOrganizationId = store.getState().organizationReducer.activeOrganizationId;
+    const state = store.getState();
+    const activeOrganizationId = state.organizationReducer.activeOrganizationId;
     if (!activeOrganizationId) {
       throw new Error(`No active organization, got ${activeOrganizationId} for activeOrganizationId.`);
     }
     const offlineIssueType = offline({
       ...payload,
       submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: store.getState().userReducer.currentUser.id,
+      created_by: state.userReducer.currentUser.id,
       organization: activeOrganizationId
     });
     store.dispatch(addIssueType(offlineIssueType));
@@ -6754,11 +6565,12 @@ class IssueTypeService extends BaseApiService {
   }
   delete(issueTypeId) {
     const { store } = this.client;
-    const issueTypeToDelete = store.getState().issueTypeReducer.issueTypes[issueTypeId];
+    const state = store.getState();
+    const issueTypeToDelete = state.issueTypeReducer.issueTypes[issueTypeId];
     if (!issueTypeToDelete) {
       throw new Error(`IssueType with offline_id ${issueTypeId} does not exist in the store.`);
     }
-    const issuesOfIssueType = selectIssuesOfIssueType(issueTypeId)(store.getState()) ?? [];
+    const issuesOfIssueType = selectIssuesOfIssueType(issueTypeId)(state) ?? [];
     store.dispatch(removeIssueType(issueTypeId));
     store.dispatch(removeIssues(issuesOfIssueType.map((issue) => issue.offline_id)));
     const promise = this.enqueueRequest({
@@ -6807,13 +6619,17 @@ class MainService extends BaseApiService {
       return result;
     });
   }
-  async fetchProjectUsers(projectId) {
+  async fetchProjectUsers() {
+    const projectId = this.client.store.getState().projectReducer.activeProjectId;
     return this.enqueueRequest({
       description: "Fetch users",
       method: HttpMethod.GET,
       url: `/projects/${projectId}/users/`,
       blockers: [],
       blocks: []
+    }).then((users) => {
+      this.client.store.dispatch(addUsers(users));
+      return users;
     });
   }
   async fetchOrganizationUsers(orgId) {
@@ -6828,11 +6644,12 @@ class MainService extends BaseApiService {
   // TODO:
   //  Don't accept updateStore in ComponentService.list. Just return the offline objects and promise. Here, if
   //  overwrite, use setComponents. Otherwise, use bulkAddComponents.
+  // TODO: This needs major cleanup. Send less in the initial data: Only the basic project info and anything needed
+  //  literally immediately.
   async _processInitialData(data, overwrite) {
     var _a2, _b, _c;
     const workspaces = {};
     const projects = [];
-    const categories = [];
     const projectsData = data.projects;
     const { store } = this.client;
     const oldProjectId = (_a2 = projectsData.find(
@@ -6856,18 +6673,12 @@ class MainService extends BaseApiService {
         isProjectIdValid = true;
         for (const workspaceData of projectData.workspaces) {
           const workspace = { ...workspaceData, project: projectData.id };
-          if (workspace.categories) {
-            for (const category of workspace.categories) {
-              categories.push(category);
-            }
-          }
           delete workspace.categories;
           workspaces[workspace.offline_id] = workspace;
         }
       }
     }
     store.dispatch(setCurrentUser(data.user));
-    store.dispatch(addUsers(data.project_owners));
     store.dispatch(setLicenses(data.licenses));
     const organizationsData = data.organizations;
     store.dispatch(setOrganizations(organizationsData));
@@ -6888,8 +6699,11 @@ class MainService extends BaseApiService {
       currentOrgId = firstOrg.id;
     }
     if (currentOrgId) {
-      await this.client.organizations.fetchInitialOrganizationData(currentOrgId, false);
-      void this.client.teams.refreshStore();
+      const initialOrgData = await this.client.organizations.fetchInitialOrganizationData(currentOrgId, false);
+      currentOrgId = initialOrgData.organization.id;
+    }
+    if (!currentOrgId) {
+      throw new Error("No organization found");
     }
     if (!isProjectIdValid) {
       if (validProjects.length !== 0) {
@@ -6899,12 +6713,6 @@ class MainService extends BaseApiService {
         if (projectData) {
           for (const workspaceData of projectData.workspaces) {
             const workspace = { ...workspaceData, project: projectData.id };
-            if (workspace.categories) {
-              for (const category of workspace.categories) {
-                categories.push(category);
-              }
-            }
-            delete workspace.categories;
             workspaces[workspace.offline_id] = workspace;
           }
         }
@@ -6913,13 +6721,6 @@ class MainService extends BaseApiService {
         store.dispatch(setActiveProjectId(currentProjectId));
       }
     }
-    if (currentProjectId) {
-      const usersResultPromise = this.fetchProjectUsers(currentProjectId);
-      const projectAccessRefreshPromise = this.client.projectAccesses.refreshStore();
-      const usersResult = await usersResultPromise;
-      await projectAccessRefreshPromise;
-      store.dispatch(addUsers(usersResult));
-    }
     let currentWorkspaceId;
     const oldWorkspaceId = this.client.store.getState().workspaceReducer.activeWorkspaceId;
     if (overwrite || !oldWorkspaceId) {
@@ -6927,56 +6728,54 @@ class MainService extends BaseApiService {
     } else {
       currentWorkspaceId = oldWorkspaceId;
     }
-    if (currentWorkspaceId && currentProjectId) {
+    if (currentWorkspaceId) {
       store.dispatch(setActiveWorkspaceId(currentWorkspaceId));
-      void this.client.categories.refreshStore().then(() => {
-        void this.client.issues.refreshStore().then(() => {
-          void this.client.issueComments.refreshStore();
-        });
-      });
+    }
+    if (currentProjectId) {
+      void this.client.projectAccesses.refreshStore();
       void this.client.projectFiles.refreshStore();
-      void this.client.componentTypes.refreshStore().then(() => {
-        void this.client.componentStages.refreshStore().then(() => {
-          void this.client.components.refreshStore(overwrite);
+      void this.client.projectAttachments.refreshStore();
+      let issuesPromise;
+      void Promise.allSettled([
+        this.client.categories.refreshStore(),
+        this.client.issueTypes.refreshStore()
+      ]).then(() => {
+        issuesPromise = this.client.issues.refreshStore();
+      });
+      void Promise.allSettled([
+        this.client.componentTypes.refreshStore(),
+        this.client.componentStages.refreshStore()
+      ]).then(() => {
+        void this.client.components.refreshStore(overwrite).then(() => {
+          void this.client.componentStageCompletions.refreshStore();
+          void this.client.componentTypeAttachments.refreshStore();
+          void this.client.componentAttachments.refreshStore();
         });
       });
+      void this.client.documents.refreshStore().then(() => {
+        void this.client.documentAttachments.refreshStore();
+      });
       void this.client.userForms.refreshStore().then(() => {
         void this.client.userFormSubmissions.refreshStore();
       });
-    }
-    if (currentProjectId) {
-      const [_offlineAttachments, promise] = this.client.attachments.fetchAll(currentProjectId);
-      void promise.then((result) => {
-        const {
-          issue_attachments,
-          component_type_attachments,
-          component_attachments,
-          project_attachments,
-          document_attachments
-        } = result;
-        store.dispatch(setIssueAttachments(issue_attachments));
-        store.dispatch(setComponentAttachments(component_attachments));
-        store.dispatch(setComponentTypeAttachments(component_type_attachments));
-        store.dispatch(setProjectAttachments(project_attachments));
-        store.dispatch(setDocumentAttachments(document_attachments));
-      });
-      void this.client.documents.refreshStore();
-      void this.client.issueUpdates.refreshStore();
-      void this.client.issueTypes.refreshStore();
       void this.client.agent.refreshStore();
+      void this.fetchProjectUsers();
+      await issuesPromise;
+      void this.client.issueAttachments.refreshStore();
+      void this.client.issueComments.refreshStore();
+      void this.client.issueUpdates.refreshStore();
     }
+    void this.client.teams.refreshStore();
     store.dispatch(setIsFetchingInitialData(false));
     if (overwrite) {
       console.log("Overwriting data");
       store.dispatch(setProjects(projects));
       store.dispatch(setWorkspaces(workspaces));
-      store.dispatch(setCategories(categories));
       store.dispatch(resetRecentIssues());
     } else {
       console.log("Updating data (collisions will be replaced)");
       store.dispatch(addOrReplaceProjects(projects));
       store.dispatch(addOrReplaceWorkspaces(workspaces));
-      store.dispatch(addOrReplaceCategories(categories));
     }
   }
 }
@@ -7062,6 +6861,7 @@ class ProjectFileService extends BaseApiService {
     });
     return promise;
   }
+  // TODO: This needs to be seperated into a update and create method
   saveActive() {
     const { store } = this.client;
     const state = store.getState();
@@ -7127,6 +6927,48 @@ class ProjectFileService extends BaseApiService {
     });
   }
 }
+class ProjectAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Project);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      project: data.modelId
+    });
+  }
+  async attachFilesToProject(files, projectId) {
+    return this.attachFiles(files, projectId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addProjectAttachments,
+      updateAttachments: updateProjectAttachments,
+      removeAttachments: removeProjectAttachments
+    });
+  }
+  deleteProjectAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setProjectAttachment,
+        removeAttachment: removeProjectAttachment
+      },
+      {
+        selectAttachment: selectProjectAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setProjectAttachments
+    });
+  }
+}
 class ProjectService extends BaseApiService {
   /**
    * Creates a new project. Due to the nature of project creation,
@@ -8518,6 +8360,48 @@ class DocumentService extends BaseApiService {
     store.dispatch(addDocuments(await organizationDocumentsPromise));
   }
 }
+class DocumentAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Document);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      document: data.modelId
+    });
+  }
+  async attachFilesToDocument(files, documentId) {
+    return this.attachFiles(files, documentId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addDocumentAttachments,
+      updateAttachments: updateDocumentAttachments,
+      removeAttachments: removeDocumentAttachments
+    });
+  }
+  deleteDocumentAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setDocumentAttachment,
+        removeAttachment: removeDocumentAttachment
+      },
+      {
+        selectAttachment: selectDocumentAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setDocumentAttachments
+    });
+  }
+}
 class AgentService extends BaseApiService {
   async startConversation(prompt) {
     const activeProjectId = this.client.store.getState().projectReducer.activeProjectId;
@@ -8752,7 +8636,6 @@ class OvermapSDK {
     __publicField(this, "store");
     __publicField(this, "agent", new AgentService(this));
     __publicField(this, "files", new FileService(this));
-    __publicField(this, "attachments", new AttachmentService(this));
     __publicField(this, "auth", new AuthService(this));
     __publicField(this, "categories", new CategoryService(this));
     __publicField(this, "projectAccesses", new ProjectAccessService(this));
@@ -8762,21 +8645,26 @@ class OvermapSDK {
     __publicField(this, "issueTypes", new IssueTypeService(this));
     __publicField(this, "issueComments", new IssueCommentService(this));
     __publicField(this, "issueUpdates", new IssueUpdateService(this));
+    __publicField(this, "issueAttachments", new IssueAttachmentService(this));
     __publicField(this, "workspaces", new WorkspaceService(this));
     __publicField(this, "main", new MainService(this));
     __publicField(this, "components", new ComponentService(this));
+    __publicField(this, "componentAttachments", new ComponentAttachmentService(this));
     __publicField(this, "componentTypes", new ComponentTypeService(this));
+    __publicField(this, "componentTypeAttachments", new ComponentTypeAttachmentService(this));
     __publicField(this, "componentStages", new ComponentStageService(this));
     __publicField(this, "componentStageCompletions", new ComponentStageCompletionService(this));
     __publicField(this, "userForms", new UserFormService(this));
     __publicField(this, "userFormSubmissions", new UserFormSubmissionService(this));
     __publicField(this, "projects", new ProjectService(this));
     __publicField(this, "projectFiles", new ProjectFileService(this));
+    __publicField(this, "projectAttachments", new ProjectAttachmentService(this));
     __publicField(this, "emailVerification", new EmailVerificationService(this));
     __publicField(this, "emailDomains", new EmailDomainsService(this));
     __publicField(this, "licenses", new LicenseService(this));
     __publicField(this, "documents", new DocumentService(this));
     __publicField(this, "teams", new TeamService(this));
+    __publicField(this, "documentAttachments", new DocumentAttachmentService(this));
     this.API_URL = apiUrl;
     this.store = store;
   }
@@ -8959,405 +8847,151 @@ const FullScreenImagePreview = memo((props) => {
     },
     [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 }
-  ];
-};
-const truthyValues = [true, "true"];
-const BooleanInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
-  let [{ helpText, label }] = useFormikInput(props);
-  helpText = showInputOnly ? null : helpText;
-  label = showInputOnly ? "" : label;
-  const color = useSeverityColor(severity);
-  const value = truthyValues.includes(fieldProps.value);
-  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(
-    InputWithLabel,
-    {
-      size,
-      severity,
-      inputId,
-      labelId,
-      label,
-      image: showInputOnly ? void 0 : field.image,
-      flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
-      children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          ...rest,
-          ...fieldProps,
-          id: inputId,
-          color,
-          value: value.toString(),
-          checked: value,
-          onCheckedChange: fieldProps.onChange,
-          onChange: void 0,
-          onBlur: void 0
-        }
-      )
-    }
-  ) });
-});
-BooleanInput.displayName = "BooleanInput";
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t)
-    return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i)
-      return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends$1({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title: title2
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className)
-      className = conf.className;
-    if (props.className)
-      className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React__default.createElement("svg", _extends$1({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title2 && /* @__PURE__ */ React__default.createElement("title", null, title2), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ React__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-function RiArrowDownLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" }, "child": [] }] })(props);
-}
-function RiArrowUpLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z" }, "child": [] }] })(props);
-}
-function RiCalendarLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z" }, "child": [] }] })(props);
-}
-function RiQrCodeLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M16 17V16H13V13H16V15H18V17H17V19H15V21H13V18H15V17H16ZM21 21H17V19H19V17H21V21ZM3 3H11V11H3V3ZM5 5V9H9V5H5ZM13 3H21V11H13V3ZM15 5V9H19V5H15ZM3 13H11V21H3V13ZM5 15V19H9V15H5ZM18 13H21V15H18V13ZM6 6H8V8H6V6ZM6 16H8V18H6V16ZM16 6H18V8H16V6Z" }, "child": [] }] })(props);
-}
-function RiFileCopyLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z" }, "child": [] }] })(props);
-}
-function RiAlignJustify(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM3 14H21V16H3V14ZM3 9H21V11H3V9Z" }, "child": [] }] })(props);
-}
-function RiHashtag(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M7.78428 14L8.2047 10H4V8H8.41491L8.94043 3H10.9514L10.4259 8H14.4149L14.9404 3H16.9514L16.4259 8H20V10H16.2157L15.7953 14H20V16H15.5851L15.0596 21H13.0486L13.5741 16H9.58509L9.05957 21H7.04855L7.57407 16H4V14H7.78428ZM9.7953 14H13.7843L14.2047 10H10.2157L9.7953 14Z" }, "child": [] }] })(props);
-}
-function RiInputField(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 5H11V19H8V21H16V19H13V5H16V3H8V5ZM2 7C1.44772 7 1 7.44772 1 8V16C1 16.5523 1.44772 17 2 17H8V15H3V9H8V7H2ZM16 9H21V15H16V17H22C22.5523 17 23 16.5523 23 16V8C23 7.44772 22.5523 7 22 7H16V9Z" }, "child": [] }] })(props);
-}
-function RiListCheck(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, "child": [] }] })(props);
-}
-function RiImageLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z" }, "child": [] }] })(props);
-}
-function RiCheckboxCircleLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
-}
-function RiCheckboxLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
-}
-function RiDeleteBin2Line(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z" }, "child": [] }] })(props);
-}
-function RiMenuFoldLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z" }, "child": [] }] })(props);
-}
-function RiUpload2Line(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19ZM13 9V16H11V9H6L12 3L18 9H13Z" }, "child": [] }] })(props);
-}
-const emptyBooleanField = {
-  ...emptyBaseField,
-  type: "boolean"
+  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 _BooleanField = class _BooleanField extends BaseField {
-  constructor(options) {
-    super({ ...options, type: "boolean" });
-    __publicField(this, "onlyValidateAfterTouched", false);
-  }
-  // if a BooleanField is required, `false` is considered blank
-  isBlank(value) {
-    return this.required && !value;
-  }
-  getValueFromChangeEvent(event) {
-    if (typeof event === "boolean")
-      return event;
-    return event.target.checked;
-  }
-  serialize() {
-    return super._serialize();
-  }
-  static deserialize(data) {
-    if (data.type !== "boolean")
-      throw new Error("Type mismatch.");
-    return new _BooleanField(data);
-  }
-  getInput(props) {
-    return /* @__PURE__ */ jsx(BooleanInput, { ...props, field: this });
-  }
+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 }
+  ];
 };
-__publicField(_BooleanField, "fieldTypeName", "Checkbox");
-__publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
-__publicField(_BooleanField, "Icon", RiCheckboxCircleLine);
-let BooleanField = _BooleanField;
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -9410,8 +9044,8 @@ var classnames = { exports: {} };
 })(classnames);
 var classnamesExports = classnames.exports;
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9422,7 +9056,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
@@ -9553,11 +9187,11 @@ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ forwardRef((pr
       } else
         return child;
     });
-    return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+    return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends$1({}, slotProps, {
       ref: forwardedRef
     }), /* @__PURE__ */ isValidElement(newElement) ? /* @__PURE__ */ cloneElement(newElement, void 0, newChildren) : null);
   }
-  return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+  return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends$1({}, slotProps, {
     ref: forwardedRef
   }), children);
 });
@@ -9635,7 +9269,7 @@ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.re
     useEffect(() => {
       window[Symbol.for("radix-ui")] = true;
     }, []);
-    return /* @__PURE__ */ createElement(Comp, _extends({}, primitiveProps, {
+    return /* @__PURE__ */ createElement(Comp, _extends$1({}, primitiveProps, {
       ref: forwardedRef
     }));
   });
@@ -10194,9 +9828,9 @@ const Inset = React.forwardRef((props, forwardedRef) => {
   return React.createElement("div", { ...insetProps, ref: forwardedRef, className: classNames("rt-Inset", className, withBreakpoints(side, "rt-r-side"), withBreakpoints(clip, "rt-r-clip"), withBreakpoints(p, "rt-r-p"), withBreakpoints(px, "rt-r-px"), withBreakpoints(py, "rt-r-py"), withBreakpoints(pt, "rt-r-pt"), withBreakpoints(pr, "rt-r-pr"), withBreakpoints(pb, "rt-r-pb"), withBreakpoints(pl, "rt-r-pl"), withMarginProps(marginProps)) });
 });
 Inset.displayName = "Inset";
-const sizes$8 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const sizes$9 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const headingPropDefs = {
-  size: { type: "enum", values: sizes$8, default: "6", responsive: true },
+  size: { type: "enum", values: sizes$9, default: "6", responsive: true },
   weight: { ...weightProp, default: "bold" },
   align: alignProp,
   trim: trimProp,
@@ -10209,9 +9843,9 @@ const Heading = React.forwardRef((props, forwardedRef) => {
   return React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, { "data-accent-color": color, ...headingProps, ref: forwardedRef, className: classNames("rt-Heading", className, withBreakpoints(size, "rt-r-size"), withBreakpoints(weight, "rt-r-weight"), withBreakpoints(align, "rt-r-ta"), withBreakpoints(trim, "rt-r-lt"), { "rt-high-contrast": highContrast }, withMarginProps(marginProps)) }, asChild ? children : React.createElement(Tag, null, children));
 });
 Heading.displayName = "Heading";
-const sizes$7 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const sizes$8 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const textPropDefs = {
-  size: { type: "enum", values: sizes$7, default: void 0, responsive: true },
+  size: { type: "enum", values: sizes$8, default: void 0, responsive: true },
   weight: weightProp,
   align: alignProp,
   trim: trimProp,
@@ -10224,11 +9858,11 @@ const Text = React.forwardRef((props, forwardedRef) => {
   return React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, { "data-accent-color": color, ...textProps, ref: forwardedRef, className: classNames("rt-Text", className, withBreakpoints(size, "rt-r-size"), withBreakpoints(weight, "rt-r-weight"), withBreakpoints(align, "rt-r-ta"), withBreakpoints(trim, "rt-r-lt"), { "rt-high-contrast": highContrast }, withMarginProps(marginProps)) }, asChild ? children : React.createElement(Tag, null, children));
 });
 Text.displayName = "Text";
-const sizes$6 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-const variants$4 = ["solid", "soft", "outline", "ghost"];
+const sizes$7 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const variants$5 = ["solid", "soft", "outline", "ghost"];
 const codePropDefs = {
-  size: { type: "enum", values: sizes$6, default: void 0, responsive: true },
-  variant: { type: "enum", values: variants$4, default: "soft" },
+  size: { type: "enum", values: sizes$7, default: void 0, responsive: true },
+  variant: { type: "enum", values: variants$5, default: "soft" },
   weight: weightProp,
   color: colorProp,
   highContrast: highContrastProp
@@ -10258,6 +9892,202 @@ function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
     value
   ]);
 }
+const $e698a72e93240346$var$CHECKBOX_NAME = "Checkbox";
+const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($e698a72e93240346$var$CHECKBOX_NAME);
+const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
+const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props;
+  const [button, setButton] = useState(null);
+  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
+    forwardedRef,
+    (node) => setButton(node)
+  );
+  const hasConsumerStoppedPropagationRef = useRef(false);
+  const isFormControl = button ? Boolean(button.closest("form")) : true;
+  const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: checkedProp,
+    defaultProp: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const initialCheckedStateRef = useRef(checked);
+  useEffect(() => {
+    const form = button === null || button === void 0 ? void 0 : button.form;
+    if (form) {
+      const reset = () => setChecked(initialCheckedStateRef.current);
+      form.addEventListener("reset", reset);
+      return () => form.removeEventListener("reset", reset);
+    }
+  }, [
+    button,
+    setChecked
+  ]);
+  return /* @__PURE__ */ createElement($e698a72e93240346$var$CheckboxProvider, {
+    scope: __scopeCheckbox,
+    state: checked,
+    disabled
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$1({
+    type: "button",
+    role: "checkbox",
+    "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? "mixed" : checked,
+    "aria-required": required,
+    "data-state": $e698a72e93240346$var$getState(checked),
+    "data-disabled": disabled ? "" : void 0,
+    disabled,
+    value
+  }, checkboxProps, {
+    ref: composedRefs,
+    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
+      if (event.key === "Enter")
+        event.preventDefault();
+    }),
+    onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event) => {
+      setChecked(
+        (prevChecked) => $e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
+      );
+      if (isFormControl) {
+        hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+        if (!hasConsumerStoppedPropagationRef.current)
+          event.stopPropagation();
+      }
+    })
+  })), isFormControl && /* @__PURE__ */ createElement($e698a72e93240346$var$BubbleInput, {
+    control: button,
+    bubbles: !hasConsumerStoppedPropagationRef.current,
+    name,
+    value,
+    checked,
+    required,
+    disabled,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+});
+const $e698a72e93240346$var$INDICATOR_NAME = "CheckboxIndicator";
+const $e698a72e93240346$export$59aad738f51d1c05 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+  const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
+  return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
+    "data-state": $e698a72e93240346$var$getState(context.state),
+    "data-disabled": context.disabled ? "" : void 0
+  }, indicatorProps, {
+    ref: forwardedRef,
+    style: {
+      pointerEvents: "none",
+      ...props.style
+    }
+  })));
+});
+const $e698a72e93240346$var$BubbleInput = (props) => {
+  const { control, checked, bubbles = true, ...inputProps } = props;
+  const ref = useRef(null);
+  const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+  const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control);
+  useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", {
+        bubbles
+      });
+      input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
+      setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
+      input.dispatchEvent(event);
+    }
+  }, [
+    prevChecked,
+    checked,
+    bubbles
+  ]);
+  return /* @__PURE__ */ createElement("input", _extends$1({
+    type: "checkbox",
+    "aria-hidden": true,
+    defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
+  }, inputProps, {
+    tabIndex: -1,
+    ref,
+    style: {
+      ...props.style,
+      ...controlSize,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function $e698a72e93240346$var$isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function $e698a72e93240346$var$getState(checked) {
+  return $e698a72e93240346$var$isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+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 checkboxPropDefs = {
+  size: { type: "enum", values: sizes$6, default: "2", responsive: true },
+  variant: { type: "enum", values: variants$4, default: "surface" },
+  color: colorProp,
+  highContrast: highContrastProp
+};
+const ThickCheckIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z" })
+  );
+});
+ThickCheckIcon.displayName = "ThickCheckIcon";
+const ChevronDownIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { d: "M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z" })
+  );
+});
+ChevronDownIcon.displayName = "ChevronDownIcon";
+const ThickChevronRightIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })
+  );
+});
+ThickChevronRightIcon.displayName = "ThickChevronRightIcon";
+const InfoCircledIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fill: color, fillRule: "evenodd", clipRule: "evenodd" })
+  );
+});
+InfoCircledIcon.displayName = "InfoCircledIcon";
+const Checkbox = React.forwardRef((props, forwardedRef) => {
+  const { rest: marginRest, ...marginProps } = extractMarginProps(props);
+  const { className, style, size = checkboxPropDefs.size.default, variant = checkboxPropDefs.variant.default, color = checkboxPropDefs.color.default, highContrast = checkboxPropDefs.highContrast.default, ...checkboxProps } = marginRest;
+  return React.createElement(
+    "span",
+    { className: classNames("rt-CheckboxRoot", className, withBreakpoints(size, "rt-r-size"), withMarginProps(marginProps)), style },
+    React.createElement(
+      $e698a72e93240346$export$be92b6f5f03c0fe9,
+      { "data-accent-color": color, ...checkboxProps, ref: forwardedRef, className: classNames("rt-reset", "rt-CheckboxButton", `rt-variant-${variant}`, {
+        "rt-high-contrast": highContrast
+      }) },
+      React.createElement(
+        $e698a72e93240346$export$adb584737d712b70,
+        { className: "rt-CheckboxIndicator" },
+        React.createElement(ThickCheckIcon, { className: "rt-CheckboxIndicatorIcon" })
+      )
+    )
+  );
+});
+Checkbox.displayName = "Checkbox";
 function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
@@ -10349,7 +10179,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /* @__PURE__ */ forwardRef((pr
     scope: props.__scopeRovingFocusGroup
   }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
     scope: props.__scopeRovingFocusGroup
-  }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
+  }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends$1({}, props, {
     ref: forwardedRef
   }))));
 });
@@ -10405,7 +10235,7 @@ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /* @__PURE__ */ forwardRef((p
       ),
       []
     )
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
     "data-orientation": orientation
   }, groupProps, {
@@ -10475,7 +10305,7 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /* @__PURE__ */ forwardRef((pro
     id,
     focusable,
     active
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     tabIndex: isCurrentTabStop ? 0 : -1,
     "data-orientation": context.orientation
   }, itemProps, {
@@ -10615,7 +10445,7 @@ const $57acba87d6e25586$export$ccf8d8d7bbf3c2cc = /* @__PURE__ */ forwardRef((pr
     onScrollbarYEnabledChange: setScrollbarYEnabled,
     onCornerWidthChange: setCornerWidth,
     onCornerHeightChange: setCornerHeight
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     dir: direction
   }, scrollAreaProps, {
     ref: composedRefs,
@@ -10638,7 +10468,7 @@ const $57acba87d6e25586$export$a21cbf9f11fca853 = /* @__PURE__ */ forwardRef((pr
     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}`
     }
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     "data-radix-scroll-area-viewport": ""
   }, viewportProps, {
     ref: composedRefs,
@@ -10682,16 +10512,16 @@ const $57acba87d6e25586$export$2fabd85d0eba3c57 = /* @__PURE__ */ forwardRef((pr
     onScrollbarXEnabledChange,
     onScrollbarYEnabledChange
   ]);
-  return context.type === "hover" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarHover, _extends({}, scrollbarProps, {
+  return context.type === "hover" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarHover, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "scroll" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarScroll, _extends({}, scrollbarProps, {
+  })) : context.type === "scroll" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarScroll, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "auto" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends({}, scrollbarProps, {
+  })) : context.type === "auto" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "always" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({}, scrollbarProps, {
+  })) : context.type === "always" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({}, scrollbarProps, {
     ref: forwardedRef
   })) : null;
 });
@@ -10727,7 +10557,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarHover = /* @__PURE__ */ forwardRe
   ]);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || visible
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends$1({
     "data-state": visible ? "visible" : "hidden"
   }, scrollbarProps, {
     ref: forwardedRef
@@ -10797,7 +10627,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarScroll = /* @__PURE__ */ forwardR
   ]);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || state !== "hidden"
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({
     "data-state": state === "hidden" ? "hidden" : "visible"
   }, scrollbarProps, {
     ref: forwardedRef,
@@ -10827,7 +10657,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarAuto = /* @__PURE__ */ forwardRef
   $57acba87d6e25586$var$useResizeObserver(context.content, handleResize);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || visible
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({
     "data-state": visible ? "visible" : "hidden"
   }, scrollbarProps, {
     ref: forwardedRef
@@ -10861,7 +10691,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarVisible = /* @__PURE__ */ forward
     return $57acba87d6e25586$var$getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes2, dir);
   }
   if (orientation === "horizontal")
-    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarX, _extends({}, commonProps, {
+    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarX, _extends$1({}, commonProps, {
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
@@ -10880,7 +10710,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarVisible = /* @__PURE__ */ forward
       }
     }));
   if (orientation === "vertical")
-    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarY, _extends({}, commonProps, {
+    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarY, _extends$1({}, commonProps, {
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
@@ -10912,7 +10742,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarX = /* @__PURE__ */ forwardRef((p
   }, [
     ref
   ]);
-  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends({
+  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends$1({
     "data-orientation": "horizontal"
   }, scrollbarProps, {
     ref: composeRefs,
@@ -10960,7 +10790,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarY = /* @__PURE__ */ forwardRef((p
   }, [
     ref
   ]);
-  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends({
+  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends$1({
     "data-orientation": "vertical"
   }, scrollbarProps, {
     ref: composeRefs,
@@ -11056,7 +10886,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarImpl = /* @__PURE__ */ forwardRef
     onThumbPointerUp: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onThumbPointerUp),
     onThumbPositionChange: handleThumbPositionChange,
     onThumbPointerDown: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onThumbPointerDown)
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, scrollbarProps, {
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({}, scrollbarProps, {
     ref: composeRefs,
     style: {
       position: "absolute",
@@ -11093,7 +10923,7 @@ const $57acba87d6e25586$export$9fba1154677d7cd2 = /* @__PURE__ */ forwardRef((pr
   const scrollbarContext = $57acba87d6e25586$var$useScrollbarContext($57acba87d6e25586$var$THUMB_NAME, props.__scopeScrollArea);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || scrollbarContext.hasThumb
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaThumbImpl, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaThumbImpl, _extends$1({
     ref: forwardedRef
   }, thumbProps)));
 });
@@ -11133,7 +10963,7 @@ const $57acba87d6e25586$var$ScrollAreaThumbImpl = /* @__PURE__ */ forwardRef((pr
     debounceScrollEnd,
     onThumbPositionChange
   ]);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     "data-state": scrollbarContext.hasThumb ? "visible" : "hidden"
   }, thumbProps, {
     ref: composedRef,
@@ -11160,7 +10990,7 @@ const $57acba87d6e25586$export$56969d565df7cc4b = /* @__PURE__ */ forwardRef((pr
   const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$CORNER_NAME, props.__scopeScrollArea);
   const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
   const hasCorner = context.type !== "scroll" && hasBothScrollbarsVisible;
-  return hasCorner ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaCornerImpl, _extends({}, props, {
+  return hasCorner ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaCornerImpl, _extends$1({}, props, {
     ref: forwardedRef
   })) : null;
 });
@@ -11182,7 +11012,7 @@ const $57acba87d6e25586$var$ScrollAreaCornerImpl = /* @__PURE__ */ forwardRef((p
     context.onCornerWidthChange(width);
     setWidth(width);
   });
-  return hasSize ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, cornerProps, {
+  return hasSize ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({}, cornerProps, {
     ref: forwardedRef,
     style: {
       width: width1,
@@ -11443,7 +11273,7 @@ const $faa2e61a3361514f$export$472062a354075cee = /* @__PURE__ */ forwardRef((pr
     scope: props.__scopeSlider
   }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$Collection.Slot, {
     scope: props.__scopeSlider
-  }, /* @__PURE__ */ createElement(SliderOrientation, _extends({
+  }, /* @__PURE__ */ createElement(SliderOrientation, _extends$1({
     "aria-disabled": disabled,
     "data-disabled": disabled ? "" : void 0
   }, sliderProps, {
@@ -11525,7 +11355,7 @@ const $faa2e61a3361514f$var$SliderHorizontal = /* @__PURE__ */ forwardRef((props
     endEdge: isSlidingFromLeft ? "right" : "left",
     direction: isSlidingFromLeft ? 1 : -1,
     size: "width"
-  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends$1({
     dir: direction,
     "data-orientation": "horizontal"
   }, sliderProps, {
@@ -11585,7 +11415,7 @@ const $faa2e61a3361514f$var$SliderVertical = /* @__PURE__ */ forwardRef((props,
     endEdge: isSlidingFromBottom ? "top" : "bottom",
     size: "height",
     direction: isSlidingFromBottom ? 1 : -1
-  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends$1({
     "data-orientation": "vertical"
   }, sliderProps, {
     ref,
@@ -11618,7 +11448,7 @@ const $faa2e61a3361514f$var$SliderVertical = /* @__PURE__ */ forwardRef((props,
 const $faa2e61a3361514f$var$SliderImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
   const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$SLIDER_NAME, __scopeSlider);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, sliderProps, {
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, sliderProps, {
     ref: forwardedRef,
     onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
       if (event.key === "Home") {
@@ -11659,7 +11489,7 @@ const $faa2e61a3361514f$var$TRACK_NAME = "SliderTrack";
 const $faa2e61a3361514f$export$105594979f116971 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { __scopeSlider, ...trackProps } = props;
   const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$TRACK_NAME, __scopeSlider);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     "data-disabled": context.disabled ? "" : void 0,
     "data-orientation": context.orientation
   }, trackProps, {
@@ -11679,7 +11509,7 @@ const $faa2e61a3361514f$export$a5cf38a7a000fe77 = /* @__PURE__ */ forwardRef((pr
   );
   const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
   const offsetEnd = 100 - Math.max(...percentages);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     "data-orientation": context.orientation,
     "data-disabled": context.disabled ? "" : void 0
   }, rangeProps, {
@@ -11708,7 +11538,7 @@ const $faa2e61a3361514f$export$2c1b491743890dec = /* @__PURE__ */ forwardRef((pr
       thumb
     ]
   );
-  return /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends({}, props, {
+  return /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends$1({}, props, {
     ref: composedRefs,
     index: index2
   }));
@@ -11747,7 +11577,7 @@ const $faa2e61a3361514f$var$SliderThumbImpl = /* @__PURE__ */ forwardRef((props,
     }
   }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$Collection.ItemSlot, {
     scope: props.__scopeSlider
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     role: "slider",
     "aria-label": props["aria-label"] || label,
     "aria-valuemin": context.min,
@@ -11787,7 +11617,7 @@ const $faa2e61a3361514f$var$BubbleInput = (props) => {
     prevValue,
     value
   ]);
-  return /* @__PURE__ */ createElement("input", _extends({
+  return /* @__PURE__ */ createElement("input", _extends$1({
     style: {
       display: "none"
     }
@@ -12006,7 +11836,7 @@ const $cddcb0b647441e34$export$e2255cf6045e8d47 = /* @__PURE__ */ forwardRef((pr
     scope: __scopeAvatar,
     imageLoadingStatus,
     onImageLoadingStatusChange: setImageLoadingStatus
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, avatarProps, {
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, avatarProps, {
     ref: forwardedRef
   })));
 });
@@ -12027,7 +11857,7 @@ const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /* @__PURE__ */ forwardRef((pr
     imageLoadingStatus,
     handleLoadingStatusChange
   ]);
-  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends({}, imageProps, {
+  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$1({}, imageProps, {
     ref: forwardedRef,
     src
   })) : null;
@@ -12048,7 +11878,7 @@ const $cddcb0b647441e34$export$69fffb6a9571fbfe = /* @__PURE__ */ forwardRef((pr
   }, [
     delayMs
   ]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, fallbackProps, {
+  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, fallbackProps, {
     ref: forwardedRef
   })) : null;
 });
@@ -12152,7 +11982,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /* @__PURE__ */ forwardRef((pr
     orientation,
     dir: direction,
     activationMode
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     dir: direction,
     "data-orientation": orientation
   }, tabsProps, {
@@ -12164,13 +11994,13 @@ const $69cb30bb0017df05$export$9712d22edc0d78c1 = /* @__PURE__ */ forwardRef((pr
   const { __scopeTabs, loop = true, ...listProps } = props;
   const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
   const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
+  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$1({
     asChild: true
   }, rovingFocusGroupScope, {
     orientation: context.orientation,
     dir: context.dir,
     loop
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     role: "tablist",
     "aria-orientation": context.orientation
   }, listProps, {
@@ -12185,12 +12015,12 @@ const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /* @__PURE__ */ forwardRef((pr
   const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
   const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
   const isSelected = value === context.value;
-  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
+  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$1({
     asChild: true
   }, rovingFocusGroupScope, {
     focusable: !disabled,
     active: isSelected
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$1({
     type: "button",
     role: "tab",
     "aria-selected": isSelected,
@@ -12240,7 +12070,7 @@ const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /* @__PURE__ */ forwardRef((pr
     {
       present: forceMount || isSelected
     },
-    ({ present }) => /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    ({ present }) => /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
       "data-state": isSelected ? "active" : "inactive",
       "data-orientation": context.orientation,
       role: "tabpanel",
@@ -12300,6 +12130,260 @@ const Tabs = Object.assign({}, {
   Trigger: TabsTrigger,
   Content: TabsContent
 });
+const truthyValues = [true, "true"];
+const BooleanInput = memo((props) => {
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
+  let [{ helpText, label }] = useFormikInput(props);
+  helpText = showInputOnly ? null : helpText;
+  label = showInputOnly ? "" : label;
+  const color = useSeverityColor(severity);
+  const value = truthyValues.includes(fieldProps.value);
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(
+    InputWithLabel,
+    {
+      size,
+      severity,
+      inputId,
+      labelId,
+      label,
+      image: showInputOnly ? void 0 : field.image,
+      flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
+      children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          ...rest,
+          ...fieldProps,
+          id: inputId,
+          color,
+          value: value.toString(),
+          checked: value,
+          onCheckedChange: fieldProps.onChange,
+          onChange: void 0,
+          onBlur: void 0
+        }
+      )
+    }
+  ) });
+});
+BooleanInput.displayName = "BooleanInput";
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
+var _excluded = ["attr", "size", "title"];
+function _objectWithoutProperties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t)
+    return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i)
+      return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function Tree2Element(tree) {
+  return tree && tree.map((node, i) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread({
+    key: i
+  }, node.attr), Tree2Element(node.child)));
+}
+function GenIcon(data) {
+  return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends({
+    attr: _objectSpread({}, data.attr)
+  }, props), Tree2Element(data.child));
+}
+function IconBase(props) {
+  var elem = (conf) => {
+    var {
+      attr,
+      size,
+      title: title2
+    } = props, svgProps = _objectWithoutProperties(props, _excluded);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className)
+      className = conf.className;
+    if (props.className)
+      className = (className ? className + " " : "") + props.className;
+    return /* @__PURE__ */ React__default.createElement("svg", _extends({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: _objectSpread(_objectSpread({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title2 && /* @__PURE__ */ React__default.createElement("title", null, title2), props.children);
+  };
+  return IconContext !== void 0 ? /* @__PURE__ */ React__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+}
+function RiArrowDownLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" }, "child": [] }] })(props);
+}
+function RiArrowUpLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z" }, "child": [] }] })(props);
+}
+function RiCalendarLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z" }, "child": [] }] })(props);
+}
+function RiQrCodeLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M16 17V16H13V13H16V15H18V17H17V19H15V21H13V18H15V17H16ZM21 21H17V19H19V17H21V21ZM3 3H11V11H3V3ZM5 5V9H9V5H5ZM13 3H21V11H13V3ZM15 5V9H19V5H15ZM3 13H11V21H3V13ZM5 15V19H9V15H5ZM18 13H21V15H18V13ZM6 6H8V8H6V6ZM6 16H8V18H6V16ZM16 6H18V8H16V6Z" }, "child": [] }] })(props);
+}
+function RiFileCopyLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z" }, "child": [] }] })(props);
+}
+function RiAlignJustify(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM3 14H21V16H3V14ZM3 9H21V11H3V9Z" }, "child": [] }] })(props);
+}
+function RiHashtag(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M7.78428 14L8.2047 10H4V8H8.41491L8.94043 3H10.9514L10.4259 8H14.4149L14.9404 3H16.9514L16.4259 8H20V10H16.2157L15.7953 14H20V16H15.5851L15.0596 21H13.0486L13.5741 16H9.58509L9.05957 21H7.04855L7.57407 16H4V14H7.78428ZM9.7953 14H13.7843L14.2047 10H10.2157L9.7953 14Z" }, "child": [] }] })(props);
+}
+function RiInputField(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 5H11V19H8V21H16V19H13V5H16V3H8V5ZM2 7C1.44772 7 1 7.44772 1 8V16C1 16.5523 1.44772 17 2 17H8V15H3V9H8V7H2ZM16 9H21V15H16V17H22C22.5523 17 23 16.5523 23 16V8C23 7.44772 22.5523 7 22 7H16V9Z" }, "child": [] }] })(props);
+}
+function RiListCheck(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, "child": [] }] })(props);
+}
+function RiImageLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z" }, "child": [] }] })(props);
+}
+function RiCheckboxCircleLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
+}
+function RiCheckboxLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
+}
+function RiDeleteBin2Line(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z" }, "child": [] }] })(props);
+}
+function RiMenuFoldLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z" }, "child": [] }] })(props);
+}
+function RiUpload2Line(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19ZM13 9V16H11V9H6L12 3L18 9H13Z" }, "child": [] }] })(props);
+}
+const emptyBooleanField = {
+  ...emptyBaseField,
+  type: "boolean"
+};
+const _BooleanField = class _BooleanField extends BaseField {
+  constructor(options) {
+    super({ ...options, type: "boolean" });
+    __publicField(this, "onlyValidateAfterTouched", false);
+  }
+  // if a BooleanField is required, `false` is considered blank
+  isBlank(value) {
+    return this.required && !value;
+  }
+  getValueFromChangeEvent(event) {
+    if (typeof event === "boolean")
+      return event;
+    return event.target.checked;
+  }
+  serialize() {
+    return super._serialize();
+  }
+  static deserialize(data) {
+    if (data.type !== "boolean")
+      throw new Error("Type mismatch.");
+    return new _BooleanField(data);
+  }
+  getInput(props) {
+    return /* @__PURE__ */ jsx(BooleanInput, { ...props, field: this });
+  }
+};
+__publicField(_BooleanField, "fieldTypeName", "Checkbox");
+__publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
+__publicField(_BooleanField, "Icon", RiCheckboxCircleLine);
+let BooleanField = _BooleanField;
 const NumberInput = memo((props) => {
   const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
@@ -13405,7 +13489,7 @@ const QrInput = memo((props) => {
           ] }),
           value && /* @__PURE__ */ jsx(Text, { color: "jade", size: "1", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
         ] }),
-        value && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { width: "max-content", gap: "2", align: "center", children: [
+        !!value && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { width: "max-content", gap: "2", align: "center", children: [
           /* @__PURE__ */ jsx(Code, { color: "gray", highContrast: true, children: value }),
           /* @__PURE__ */ jsx(
             IconButton,
@@ -13445,9 +13529,7 @@ const QrScanner = memo((props) => {
       }
     );
     setIsScannerLoading(true);
-    qrScanner.start().then(() => {
-      setIsScannerLoading(false);
-    }).catch(() => {
+    void qrScanner.start().finally(() => {
       setIsScannerLoading(false);
     });
   }, [onQrScan]);
@@ -15845,7 +15927,7 @@ const FieldBuilder = memo((props) => {
           {
             name: `${parentPath}.${index2}.required`,
             render: ({ setValue, value }) => /* @__PURE__ */ jsx(
-              Checkbox,
+              Checkbox$1,
               {
                 checked: value,
                 onCheckedChange: setValue,
@@ -16609,7 +16691,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 export {
   APIError,
   AgentService,
-  AttachmentService,
+  AttachmentModel,
   AuthService,
   BaseApiService,
   BaseField,
@@ -16620,15 +16702,18 @@ export {
   ColorPicker,
   Colors,
   ColorsToString,
+  ComponentAttachmentService,
   ComponentService,
   ComponentStageColors,
   ComponentStageCompletionService,
   ComponentStageService,
+  ComponentTypeAttachmentService,
   ComponentTypeService,
   DEFAULT_ISSUE_PRIORITY,
   DEFAULT_ISSUE_STATUS,
   DateField,
   DateInput,
+  DocumentAttachmentService,
   DocumentService,
   EmailDomainsService,
   EmailVerificationService,
@@ -16652,6 +16737,7 @@ export {
   InputWithHelpText,
   InputWithLabel,
   InputWithLabelAndHelpText,
+  IssueAttachmentService,
   IssueCommentService,
   IssuePriority,
   IssueService,
@@ -16684,6 +16770,7 @@ export {
   PatchFormProvider,
   ProjectAccessLevel,
   ProjectAccessService,
+  ProjectAttachmentService,
   ProjectFileService,
   ProjectService,
   ProjectType,
@@ -16918,6 +17005,7 @@ export {
   removeFavouriteProjectId,
   removeIssue,
   removeIssueAttachment,
+  removeIssueAttachments,
   removeIssueComment,
   removeIssueComments,
   removeIssueType,
@@ -17095,6 +17183,7 @@ export {
   selectProjectAccessForUser,
   selectProjectAccessUserMapping,
   selectProjectAccesses,
+  selectProjectAttachment,
   selectProjectAttachmentMapping,
   selectProjectFileVisibility,
   selectProjectFiles,
@@ -17144,7 +17233,9 @@ export {
   setAppearance,
   setCategories,
   setCenterMapToProject,
+  setComponentAttachment,
   setComponentAttachments,
+  setComponentTypeAttachment,
   setComponentTypeAttachments,
   setComponentTypes,
   setComponents,
@@ -17152,6 +17243,7 @@ export {
   setConversations,
   setCreateProjectType,
   setCurrentUser,
+  setDocumentAttachment,
   setDocumentAttachments,
   setDocuments,
   setEmailDomains,
@@ -17168,6 +17260,7 @@ export {
   setIsFetchingInitialData,
   setIsImportingProjectFile,
   setIsLoading,
+  setIssueAttachment,
   setIssueAttachments,
   setIssueComment,
   setIssueComments,
@@ -17182,6 +17275,7 @@ export {
   setOrganizations,
   setProfilePicture,
   setProjectAccesses,
+  setProjectAttachment,
   setProjectAttachments,
   setProjectFileVisible,
   setProjects,
@@ -17216,21 +17310,26 @@ export {
   updateActiveOrganization,
   updateComponent,
   updateComponentAttachment,
+  updateComponentAttachments,
   updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
   updateConversation,
   updateDocumentAttachment,
+  updateDocumentAttachments,
   updateDocuments,
   updateFormSubmission,
   updateFormSubmissionAttachments,
   updateFormSubmissions,
   updateIssue,
   updateIssueAttachment,
+  updateIssueAttachments,
   updateIssueType,
   updateLicense,
   updateOrCreateProject,
   updateOrganizationAccess,
   updateProjectAccess,
   updateProjectAttachment,
+  updateProjectAttachments,
   updateStages,
   updateTeam,
   useAppDispatch,