@overmap-ai/core 1.0.46 → 1.0.48-activity-history.0

package/dist/overmap-core.umd.cjs

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("dependency-graph"), require("@redux-offline/redux-offline"), require("@redux-offline/redux-offline/lib/defaults"), require("localforage"), require("redux-persist-migrate"), require("@reduxjs/toolkit"), require("superagent"), require("react-redux"), require("file-saver"), require("uuid"), require("color"), require("jwt-decode"), require("@redux-offline/redux-offline/lib/constants"), require("idb"), require("formik"), require("lodash.get"), require("linkify-react"), require("@hello-pangea/dnd"), require("xlsx"), require("feather-icons-react"), require("react-pdf"), require("react-pdf/dist/Page/AnnotationLayer.css"), require("react-pdf/dist/Page/TextLayer.css"), require("react-dom"), require("react-sketch-canvas"), require("lodash.set"), require("lodash.clonedeep")) : typeof define === "function" && define.amd ? define(["exports", "react", "react/jsx-runtime", "@overmap-ai/blocks", "dependency-graph", "@redux-offline/redux-offline", "@redux-offline/redux-offline/lib/defaults", "localforage", "redux-persist-migrate", "@reduxjs/toolkit", "superagent", "react-redux", "file-saver", "uuid", "color", "jwt-decode", "@redux-offline/redux-offline/lib/constants", "idb", "formik", "lodash.get", "linkify-react", "@hello-pangea/dnd", "xlsx", "feather-icons-react", "react-pdf", "react-pdf/dist/Page/AnnotationLayer.css", "react-pdf/dist/Page/TextLayer.css", "react-dom", "react-sketch-canvas", "lodash.set", "lodash.clonedeep"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["overmap-core"] = {}, global2.React, global2.jsxRuntime, global2.blocks, global2.dependencyGraph, global2.reduxOffline, global2.offlineConfig, global2.localforage, global2.createMigration, global2.toolkit, global2.request, global2.reactRedux, global2.saveAs, global2.uuid, global2.ColorCls, global2.jwtDecode, global2.constants, global2.idb, global2.formik, global2.get, global2.Linkify, global2.dnd, global2.xlsx, global2.FeatherIcon, global2.reactPdf, null, null, global2.ReactDOM, global2.reactSketchCanvas, global2.set, global2.cloneDeep));
-})(this, function(exports2, React, jsxRuntime, blocks, dependencyGraph, reduxOffline, offlineConfig, localforage, createMigration, toolkit, request, reactRedux, saveAs, uuid, ColorCls, jwtDecode, constants, idb, formik, get, Linkify, dnd, xlsx, FeatherIcon, reactPdf, AnnotationLayer_css, TextLayer_css, ReactDOM, reactSketchCanvas, set, cloneDeep) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("dependency-graph"), require("@redux-offline/redux-offline"), require("@redux-offline/redux-offline/lib/defaults"), require("localforage"), require("redux-persist-migrate"), require("@reduxjs/toolkit"), require("superagent"), require("react-redux"), require("file-saver"), require("uuid"), require("color"), require("jwt-decode"), require("@redux-offline/redux-offline/lib/constants"), require("idb"), require("formik"), require("lodash.get"), require("linkify-react"), require("@hello-pangea/dnd"), require("xlsx"), require("react-pdf"), require("react-pdf/dist/Page/AnnotationLayer.css"), require("react-pdf/dist/Page/TextLayer.css"), require("react-dom"), require("react-sketch-canvas"), require("lodash.set"), require("lodash.clonedeep")) : typeof define === "function" && define.amd ? define(["exports", "react", "react/jsx-runtime", "@overmap-ai/blocks", "dependency-graph", "@redux-offline/redux-offline", "@redux-offline/redux-offline/lib/defaults", "localforage", "redux-persist-migrate", "@reduxjs/toolkit", "superagent", "react-redux", "file-saver", "uuid", "color", "jwt-decode", "@redux-offline/redux-offline/lib/constants", "idb", "formik", "lodash.get", "linkify-react", "@hello-pangea/dnd", "xlsx", "react-pdf", "react-pdf/dist/Page/AnnotationLayer.css", "react-pdf/dist/Page/TextLayer.css", "react-dom", "react-sketch-canvas", "lodash.set", "lodash.clonedeep"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["overmap-core"] = {}, global2.React, global2.jsxRuntime, global2.blocks, global2.dependencyGraph, global2.reduxOffline, global2.offlineConfig, global2.localforage, global2.createMigration, global2.toolkit, global2.request, global2.reactRedux, global2.saveAs, global2.uuid, global2.ColorCls, global2.jwtDecode, global2.constants, global2.idb, global2.formik, global2.get, global2.Linkify, global2.dnd, global2.xlsx, global2.reactPdf, null, null, global2.ReactDOM, global2.reactSketchCanvas, global2.set, global2.cloneDeep));
+})(this, function(exports2, React, jsxRuntime, blocks, dependencyGraph, reduxOffline, offlineConfig, localforage, createMigration, toolkit, request, reactRedux, saveAs, uuid, ColorCls, jwtDecode, constants, idb, formik, get, Linkify, dnd, xlsx, reactPdf, AnnotationLayer_css, TextLayer_css, ReactDOM, reactSketchCanvas, set, cloneDeep) {
   var _a;
   "use strict";
   function _interopNamespaceDefault(e) {
@@ -459,7 +459,7 @@ var __publicField = (obj, key, value) => {
       return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
     }, _typeof(o);
   }
-  function _toPrimitive(input, hint) {
+  function _toPrimitive$1(input, hint) {
     if (_typeof(input) !== "object" || input === null)
       return input;
     var prim = input[Symbol.toPrimitive];
@@ -471,12 +471,12 @@ var __publicField = (obj, key, value) => {
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
+  function _toPropertyKey$1(arg) {
+    var key = _toPrimitive$1(arg, "string");
     return _typeof(key) === "symbol" ? key : String(key);
   }
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
+  function _defineProperty$1(obj, key, value) {
+    key = _toPropertyKey$1(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -489,7 +489,7 @@ var __publicField = (obj, key, value) => {
     }
     return obj;
   }
-  function ownKeys(e, r) {
+  function ownKeys$1(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
@@ -502,9 +502,9 @@ var __publicField = (obj, key, value) => {
   function _objectSpread2(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) {
+      r % 2 ? ownKeys$1(Object(t), true).forEach(function(r2) {
+        _defineProperty$1(e, r2, t[r2]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r2) {
         Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
       });
     }
@@ -2038,6 +2038,7 @@ var __publicField = (obj, key, value) => {
     issues: {},
     attachments: {},
     comments: {},
+    updates: {},
     visibleStatuses: [IssueStatus.BACKLOG, IssueStatus.SELECTED],
     visibleUserIds: null,
     recentIssueIds: [],
@@ -2059,6 +2060,16 @@ var __publicField = (obj, key, value) => {
         });
       },
       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");
+        }
+        const newUpdates = {};
+        for (const update of action.payload) {
+          newUpdates[update.offline_id] = update;
+        }
+        state.updates = newUpdates;
+      },
       setActiveIssueId: (state, action) => {
         state.activeIssueId = action.payload;
       },
@@ -2070,6 +2081,17 @@ var __publicField = (obj, key, value) => {
       },
       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}`);
+        }
+        state.updates[action.payload.offline_id] = action.payload;
+      },
+      addIssueUpdates: (state, action) => {
+        for (const update of action.payload) {
+          state.updates[update.offline_id] = update;
+        }
+      },
       updateIssue: (state, action) => {
         if (action.payload.offline_id in state.issues) {
           state.issues[action.payload.offline_id] = {
@@ -2089,6 +2111,18 @@ var __publicField = (obj, key, value) => {
         }
       },
       removeIssueAttachment: removeAttachment,
+      removeIssueUpdate: (state, action) => {
+        if (action.payload in state.updates) {
+          delete state.updates[action.payload];
+        } else {
+          throw new Error(`Failed to remove issue update because offline_id doesn't exist: ${action.payload}`);
+        }
+      },
+      removeIssueUpdates: (state, action) => {
+        for (const updateId of action.payload) {
+          delete state.updates[updateId];
+        }
+      },
       removeAttachmentsOfIssue: (state, action) => {
         const attachments = Object.values(state.attachments).filter((a) => a.issue === action.payload);
         for (const attachment of attachments) {
@@ -2145,6 +2179,8 @@ var __publicField = (obj, key, value) => {
     addIssueAttachment,
     addIssueAttachments,
     addIssue,
+    addIssueUpdate,
+    addIssueUpdates,
     addOrReplaceIssueComment,
     addToRecentIssues,
     cleanRecentIssues,
@@ -2152,11 +2188,14 @@ var __publicField = (obj, key, value) => {
     removeAttachmentsOfIssue,
     removeIssue,
     removeIssueComment,
+    removeIssueUpdate,
+    removeIssueUpdates,
     removeRecentIssue,
     resetRecentIssues,
     setActiveIssueId,
     setIssueAttachments,
     setIssueComments,
+    setIssueUpdates,
     setIssues,
     setVisibleStatuses,
     setVisibleUserIds,
@@ -2232,6 +2271,12 @@ var __publicField = (obj, key, value) => {
       return Object.values(commentMapping).filter((comment) => comment.issue === issueId);
     })
   );
+  const selectIssueUpdateMapping = (state) => state.issueReducer.updates;
+  const selectIssueUpdatesOfIssue = restructureCreateSelectorWithArgs(
+    toolkit.createSelector([selectIssueUpdateMapping, (_state, issueId) => issueId], (updates, issueId) => {
+      return Object.values(updates).filter((update) => update.issue === issueId);
+    })
+  );
   const selectAttachmentsOfIssue = restructureCreateSelectorWithArgs(
     toolkit.createSelector(
       [selectIssueAttachments, (_state, issueId) => issueId],
@@ -2440,6 +2485,16 @@ var __publicField = (obj, key, value) => {
     OrganizationAccessLevel2[OrganizationAccessLevel2["ADMIN"] = 2] = "ADMIN";
     return OrganizationAccessLevel2;
   })(OrganizationAccessLevel || {});
+  var IssueUpdateChange = /* @__PURE__ */ ((IssueUpdateChange2) => {
+    IssueUpdateChange2["STATUS"] = "status";
+    IssueUpdateChange2["PRIORITY"] = "priority";
+    IssueUpdateChange2["CATEGORY"] = "category";
+    IssueUpdateChange2["DESCRIPTION"] = "description";
+    IssueUpdateChange2["TITLE"] = "title";
+    IssueUpdateChange2["ASSIGNED_TO"] = "assigned_to";
+    IssueUpdateChange2["DUE_DATE"] = "due_date";
+    return IssueUpdateChange2;
+  })(IssueUpdateChange || {});
   var ProjectType = /* @__PURE__ */ ((ProjectType2) => {
     ProjectType2[ProjectType2["PERSONAL"] = 0] = "PERSONAL";
     ProjectType2[ProjectType2["ORGANIZATION"] = 2] = "ORGANIZATION";
@@ -3229,7 +3284,7 @@ var __publicField = (obj, key, value) => {
   const initialState$4 = {
     useIssueTemplate: false,
     placementMode: false,
-    enableClustering: true,
+    enableClustering: false,
     svgLayout: false,
     expandedSections: {
       Issues: true,
@@ -3845,7 +3900,6 @@ var __publicField = (obj, key, value) => {
   });
   const versioningReducer = versioningSlice.reducer;
   const fullComponentMarkerSize = 45;
-  const FEATHER_ICON_SIZE = "15px";
   const DEFAULT_ISSUE_STATUS = IssueStatus.BACKLOG;
   const DEFAULT_ISSUE_PRIORITY = IssuePriority.MEDIUM;
   const OUTBOX_RETRY_DELAY = 5e3;
@@ -4162,24 +4216,19 @@ var __publicField = (obj, key, value) => {
       const errorResponse = extractResponseFromError(error2);
       const status = errorResponse == null ? void 0 : errorResponse.status;
       if (status === 401) {
-        console.debug("Forbidden; renewing tokens and retrying.");
-        try {
-          await client.auth.renewTokens();
-          console.debug("Successfully renewed tokens; retrying request.");
-          return await requestToSend.query(queryParams);
-        } catch (error22) {
-          console.warn("Failed to renew tokens.", error22);
-          const loggedIn = state.authReducer.isLoggedIn;
-          if (loggedIn) {
-            console.warn("Signing out already signed-in user.");
-            await client.auth.logout();
-          } else {
+        if (url.endsWith("auth/token/refresh/")) {
+          if (state.authReducer.isLoggedIn) {
             console.warn("No signed-in user to sign out.");
           }
+          await client.auth.logout();
           throw new APIError("You have been signed out due to inactivity.", errorResponse, {
             discard: true
           });
         }
+        console.debug("Forbidden; renewing tokens and retrying.");
+        await client.auth.renewTokens();
+        console.debug("Successfully renewed tokens; retrying request.");
+        return requestToSend.query(queryParams);
       }
       const apiErrorMessage = extractErrorMessage(errorResponse, error2) || "An unexpected error occurred.";
       throw new APIError(apiErrorMessage, errorResponse, {
@@ -5764,6 +5813,28 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
+  class IssueUpdateService extends BaseApiService {
+    async refreshStore() {
+      const { store } = this.client;
+      const result = await this.enqueueRequest({
+        description: "Get issue updates",
+        method: HttpMethod.GET,
+        url: `/projects/${store.getState().projectReducer.activeProjectId}/issues/updates/`,
+        blockers: [],
+        blocks: []
+      });
+      let filteredResult = result.filter(onlyUniqueOfflineIds);
+      filteredResult = filteredResult.map((comment) => {
+        return { ...comment };
+      });
+      if (result.length !== filteredResult.length) {
+        console.error(
+          `Received duplicate comments from the API (new length ${filteredResult.length}); filtered in browser.`
+        );
+      }
+      store.dispatch(setIssueUpdates(filteredResult));
+    }
+  }
   class IssueService extends BaseApiService {
     // Basic CRUD functions
     // TODO: Once all models are represented in `Created<TModel>`, use `Created` in `OptimisticModelResult`, so we don't
@@ -5842,7 +5913,83 @@ var __publicField = (obj, key, value) => {
       return [offlineIssues, promise];
     }
     update(issue) {
+      const state = this.client.store.getState();
+      const issueToBeUpdated = state.issueReducer.issues[issue.offline_id];
+      if (!issueToBeUpdated) {
+        throw new Error(
+          `Attempting to update an issue with offline_id ${issue.offline_id} that doesn't exist in the store`
+        );
+      }
       this.client.store.dispatch(updateIssue(issue));
+      const changes = {};
+      for (const issueUpdateChange of [
+        IssueUpdateChange.TITLE,
+        IssueUpdateChange.DESCRIPTION,
+        IssueUpdateChange.STATUS,
+        IssueUpdateChange.CATEGORY,
+        IssueUpdateChange.PRIORITY,
+        IssueUpdateChange.ASSIGNED_TO,
+        IssueUpdateChange.DUE_DATE
+      ]) {
+        if (issueUpdateChange in issue && issue[issueUpdateChange] !== issueToBeUpdated[issueUpdateChange]) {
+          switch (issueUpdateChange) {
+            case "category": {
+              let categoryOrNull = null;
+              const categoryIdOrNull = issue[issueUpdateChange];
+              if (categoryIdOrNull) {
+                categoryOrNull = state.categoryReducer.categories[categoryIdOrNull] ?? null;
+                if (!categoryOrNull)
+                  throw new Error(
+                    `Trying to update issue category to ${categoryIdOrNull} which does not exist in store`
+                  );
+              }
+              changes[issueUpdateChange] = categoryOrNull ? {
+                name: categoryOrNull.name,
+                color: categoryOrNull.color,
+                offline_id: categoryOrNull.offline_id
+              } : null;
+              break;
+            }
+            case "assigned_to": {
+              let userOrNull = null;
+              const userIdOrNull = issue[issueUpdateChange];
+              if (userIdOrNull) {
+                userOrNull = state.userReducer.users[userIdOrNull] ?? null;
+                if (!userOrNull)
+                  throw new Error(
+                    `Trying to update issue assigned_to to ${userIdOrNull} which does not exist in store`
+                  );
+              }
+              changes[issueUpdateChange] = userOrNull ? {
+                full_name: userOrNull.username,
+                id: userOrNull.id
+              } : null;
+              break;
+            }
+            case "description":
+              changes[issueUpdateChange] = issue[issueUpdateChange] ?? null;
+              break;
+            case "title":
+              changes[issueUpdateChange] = issue[issueUpdateChange] ?? null;
+              break;
+            case "priority":
+              changes[issueUpdateChange] = issue[issueUpdateChange];
+              break;
+            case "status":
+              changes[issueUpdateChange] = issue[issueUpdateChange];
+              break;
+            case "due_date":
+              changes[issueUpdateChange] = issue[issueUpdateChange] ? issue[issueUpdateChange] : null;
+          }
+        }
+      }
+      const offlineIssueUpdate = offline({
+        created_by: state.userReducer.currentUser.id,
+        submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
+        issue: issueToBeUpdated.offline_id,
+        changes
+      });
+      this.client.store.dispatch(addIssueUpdate(offlineIssueUpdate));
       const promise = this.enqueueRequest({
         description: "Edit issue",
         method: HttpMethod.PATCH,
@@ -5851,23 +5998,30 @@ var __publicField = (obj, key, value) => {
         blockers: [issue.offline_id],
         blocks: [issue.offline_id]
       });
+      promise.catch(() => {
+        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];
       return [fullIssue, promise];
     }
     async remove(id) {
       const { store } = this.client;
       const state = store.getState();
+      const dispatch = store.dispatch;
       const backup = state.issueReducer.issues[id];
       if (!backup) {
         throw new Error(`No issue with id ${id} found in the store`);
       }
       const attachments = Object.values(state.issueReducer.attachments).filter((a) => a.issue === id);
       const attachmentsOfIssue = selectAttachmentsOfIssue(id)(state);
-      this.client.store.dispatch(removeIssue(id));
-      store.dispatch(addActiveProjectIssuesCount(-1));
-      if (attachmentsOfIssue.length > 0) {
-        this.client.store.dispatch(removeAttachmentsOfIssue(id));
-      }
+      const updatesOfIssue = selectIssueUpdatesOfIssue(id)(state);
+      dispatch(removeIssue(id));
+      dispatch(addActiveProjectIssuesCount(-1));
+      if (attachmentsOfIssue.length > 0)
+        dispatch(removeAttachmentsOfIssue(id));
+      if (updatesOfIssue.length > 0)
+        dispatch(removeIssueUpdates(updatesOfIssue.map(({ offline_id }) => offline_id)));
       try {
         return await this.enqueueRequest({
           description: "Delete issue",
@@ -5877,9 +6031,10 @@ var __publicField = (obj, key, value) => {
           blocks: []
         });
       } catch (e) {
-        this.client.store.dispatch(addIssue(backup));
-        this.client.store.dispatch(addIssueAttachments(attachments));
-        store.dispatch(addActiveProjectIssuesCount(1));
+        dispatch(addIssue(backup));
+        dispatch(addIssueAttachments(attachments));
+        dispatch(addIssueUpdates(updatesOfIssue));
+        dispatch(addActiveProjectIssuesCount(1));
         throw e;
       }
     }
@@ -6061,6 +6216,7 @@ var __publicField = (obj, key, value) => {
           store.dispatch(setProjectAttachments(project_attachments));
         });
         void this.client.documents.refreshStore();
+        void this.client.issueUpdates.refreshStore();
       }
       store.dispatch(setIsFetchingInitialData(false));
       if (overwrite) {
@@ -6102,7 +6258,6 @@ var __publicField = (obj, key, value) => {
     async remove(projectAccess) {
       const { store } = this.client;
       store.dispatch(removeProjectAccess(projectAccess));
-      store.dispatch(removeUser(projectAccess.user));
       return this.enqueueRequest({
         description: "Delete project access",
         method: HttpMethod.DELETE,
@@ -7496,6 +7651,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "organizationAccess", new OrganizationAccessService(this));
       __publicField(this, "issues", new IssueService(this));
       __publicField(this, "issueComments", new IssueCommentService(this));
+      __publicField(this, "issueUpdates", new IssueUpdateService(this));
       __publicField(this, "workspaces", new WorkspaceService(this));
       __publicField(this, "main", new MainService(this));
       __publicField(this, "components", new ComponentService(this));
@@ -7682,484 +7838,6 @@ var __publicField = (obj, key, value) => {
     previewImage: previewImage$1,
     FullScreenImage: FullScreenImage$1
   };
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null)
-      return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-  var _excluded$e = ["color"];
-  var ArrowDownIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-    return React.createElement("svg", Object.assign({
-      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.5 2C7.77614 2 8 2.22386 8 2.5L8 11.2929L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L7.85355 12.8536C7.75979 12.9473 7.63261 13 7.5 13C7.36739 13 7.24021 12.9473 7.14645 12.8536L3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645C3.34171 7.95118 3.65829 7.95118 3.85355 8.14645L7 11.2929L7 2.5C7 2.22386 7.22386 2 7.5 2Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$f = ["color"];
-  var ArrowLeftIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
-    return React.createElement("svg", Object.assign({
-      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: "M6.85355 3.14645C7.04882 3.34171 7.04882 3.65829 6.85355 3.85355L3.70711 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H3.70711L6.85355 11.1464C7.04882 11.3417 7.04882 11.6583 6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536L2.14645 7.85355C1.95118 7.65829 1.95118 7.34171 2.14645 7.14645L6.14645 3.14645C6.34171 2.95118 6.65829 2.95118 6.85355 3.14645Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$j = ["color"];
-  var ArrowUpIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
-    return React.createElement("svg", Object.assign({
-      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.14645 2.14645C7.34171 1.95118 7.65829 1.95118 7.85355 2.14645L11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355C11.6583 7.04882 11.3417 7.04882 11.1464 6.85355L8 3.70711L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70711L3.85355 6.85355C3.65829 7.04882 3.34171 7.04882 3.14645 6.85355C2.95118 6.65829 2.95118 6.34171 3.14645 6.14645L7.14645 2.14645Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$I = ["color"];
-  var CalendarIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
-    return React.createElement("svg", Object.assign({
-      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: "M4.5 1C4.77614 1 5 1.22386 5 1.5V2H10V1.5C10 1.22386 10.2239 1 10.5 1C10.7761 1 11 1.22386 11 1.5V2H12.5C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V3.5C1 2.67157 1.67157 2 2.5 2H4V1.5C4 1.22386 4.22386 1 4.5 1ZM10 3V3.5C10 3.77614 10.2239 4 10.5 4C10.7761 4 11 3.77614 11 3.5V3H12.5C12.7761 3 13 3.22386 13 3.5V5H2V3.5C2 3.22386 2.22386 3 2.5 3H4V3.5C4 3.77614 4.22386 4 4.5 4C4.77614 4 5 3.77614 5 3.5V3H10ZM2 6V12.5C2 12.7761 2.22386 13 2.5 13H12.5C12.7761 13 13 12.7761 13 12.5V6H2ZM7 7.5C7 7.22386 7.22386 7 7.5 7C7.77614 7 8 7.22386 8 7.5C8 7.77614 7.77614 8 7.5 8C7.22386 8 7 7.77614 7 7.5ZM9.5 7C9.22386 7 9 7.22386 9 7.5C9 7.77614 9.22386 8 9.5 8C9.77614 8 10 7.77614 10 7.5C10 7.22386 9.77614 7 9.5 7ZM11 7.5C11 7.22386 11.2239 7 11.5 7C11.7761 7 12 7.22386 12 7.5C12 7.77614 11.7761 8 11.5 8C11.2239 8 11 7.77614 11 7.5ZM11.5 9C11.2239 9 11 9.22386 11 9.5C11 9.77614 11.2239 10 11.5 10C11.7761 10 12 9.77614 12 9.5C12 9.22386 11.7761 9 11.5 9ZM9 9.5C9 9.22386 9.22386 9 9.5 9C9.77614 9 10 9.22386 10 9.5C10 9.77614 9.77614 10 9.5 10C9.22386 10 9 9.77614 9 9.5ZM7.5 9C7.22386 9 7 9.22386 7 9.5C7 9.77614 7.22386 10 7.5 10C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9ZM5 9.5C5 9.22386 5.22386 9 5.5 9C5.77614 9 6 9.22386 6 9.5C6 9.77614 5.77614 10 5.5 10C5.22386 10 5 9.77614 5 9.5ZM3.5 9C3.22386 9 3 9.22386 3 9.5C3 9.77614 3.22386 10 3.5 10C3.77614 10 4 9.77614 4 9.5C4 9.22386 3.77614 9 3.5 9ZM3 11.5C3 11.2239 3.22386 11 3.5 11C3.77614 11 4 11.2239 4 11.5C4 11.7761 3.77614 12 3.5 12C3.22386 12 3 11.7761 3 11.5ZM5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11ZM7 11.5C7 11.2239 7.22386 11 7.5 11C7.77614 11 8 11.2239 8 11.5C8 11.7761 7.77614 12 7.5 12C7.22386 12 7 11.7761 7 11.5ZM9.5 11C9.22386 11 9 11.2239 9 11.5C9 11.7761 9.22386 12 9.5 12C9.77614 12 10 11.7761 10 11.5C10 11.2239 9.77614 11 9.5 11Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$U = ["color"];
-  var CheckCircledIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$U);
-    return React.createElement("svg", Object.assign({
-      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.877045C3.84222 0.877045 0.877075 3.84219 0.877075 7.49988C0.877075 11.1575 3.84222 14.1227 7.49991 14.1227C11.1576 14.1227 14.1227 11.1575 14.1227 7.49988C14.1227 3.84219 11.1576 0.877045 7.49991 0.877045ZM1.82708 7.49988C1.82708 4.36686 4.36689 1.82704 7.49991 1.82704C10.6329 1.82704 13.1727 4.36686 13.1727 7.49988C13.1727 10.6329 10.6329 13.1727 7.49991 13.1727C4.36689 13.1727 1.82708 10.6329 1.82708 7.49988ZM10.1589 5.53774C10.3178 5.31191 10.2636 5.00001 10.0378 4.84109C9.81194 4.68217 9.50004 4.73642 9.34112 4.96225L6.51977 8.97154L5.35681 7.78706C5.16334 7.59002 4.84677 7.58711 4.64973 7.78058C4.45268 7.97404 4.44978 8.29061 4.64325 8.48765L6.22658 10.1003C6.33054 10.2062 6.47617 10.2604 6.62407 10.2483C6.77197 10.2363 6.90686 10.1591 6.99226 10.0377L10.1589 5.53774Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$V = ["color"];
-  var CheckboxIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$V);
-    return React.createElement("svg", Object.assign({
-      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: "M3 3H12V12H3L3 3ZM2 3C2 2.44771 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44771 13 2 12.5523 2 12V3ZM10.3498 5.51105C10.506 5.28337 10.4481 4.97212 10.2204 4.81587C9.99275 4.65961 9.6815 4.71751 9.52525 4.94519L6.64048 9.14857L5.19733 7.40889C5.02102 7.19635 4.7058 7.16699 4.49327 7.34329C4.28073 7.5196 4.25137 7.83482 4.42767 8.04735L6.2934 10.2964C6.39348 10.4171 6.54437 10.4838 6.70097 10.4767C6.85757 10.4695 7.00177 10.3894 7.09047 10.2601L10.3498 5.51105Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$1h = ["color"];
-  var CopyIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
-    return React.createElement("svg", Object.assign({
-      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: "M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$1q = ["color"];
-  var Cross1Icon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
-    return React.createElement("svg", Object.assign({
-      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: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$1K = ["color"];
-  var DotsVerticalIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1K);
-    return React.createElement("svg", Object.assign({
-      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: "M8.625 2.5C8.625 3.12132 8.12132 3.625 7.5 3.625C6.87868 3.625 6.375 3.12132 6.375 2.5C6.375 1.87868 6.87868 1.375 7.5 1.375C8.12132 1.375 8.625 1.87868 8.625 2.5ZM8.625 7.5C8.625 8.12132 8.12132 8.625 7.5 8.625C6.87868 8.625 6.375 8.12132 6.375 7.5C6.375 6.87868 6.87868 6.375 7.5 6.375C8.12132 6.375 8.625 6.87868 8.625 7.5ZM7.5 13.625C8.12132 13.625 8.625 13.1213 8.625 12.5C8.625 11.8787 8.12132 11.375 7.5 11.375C6.87868 11.375 6.375 11.8787 6.375 12.5C6.375 13.1213 6.87868 13.625 7.5 13.625Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$1P = ["color"];
-  var DownloadIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1P);
-    return React.createElement("svg", Object.assign({
-      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.50005 1.04999C7.74858 1.04999 7.95005 1.25146 7.95005 1.49999V8.41359L10.1819 6.18179C10.3576 6.00605 10.6425 6.00605 10.8182 6.18179C10.994 6.35753 10.994 6.64245 10.8182 6.81819L7.81825 9.81819C7.64251 9.99392 7.35759 9.99392 7.18185 9.81819L4.18185 6.81819C4.00611 6.64245 4.00611 6.35753 4.18185 6.18179C4.35759 6.00605 4.64251 6.00605 4.81825 6.18179L7.05005 8.41359V1.49999C7.05005 1.25146 7.25152 1.04999 7.50005 1.04999ZM2.5 10C2.77614 10 3 10.2239 3 10.5V12C3 12.5539 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2239 12.2239 10 12.5 10C12.7761 10 13 10.2239 13 10.5V12C13 13.1041 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2239 2.22386 10 2.5 10Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$1W = ["color"];
-  var DropdownMenuIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$1W);
-    return React.createElement("svg", Object.assign({
-      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.49999 3.09998C7.27907 3.09998 7.09999 3.27906 7.09999 3.49998C7.09999 3.72089 7.27907 3.89998 7.49999 3.89998H14.5C14.7209 3.89998 14.9 3.72089 14.9 3.49998C14.9 3.27906 14.7209 3.09998 14.5 3.09998H7.49999ZM7.49998 5.1C7.27907 5.1 7.09998 5.27908 7.09998 5.5C7.09998 5.72091 7.27907 5.9 7.49998 5.9H14.5C14.7209 5.9 14.9 5.72091 14.9 5.5C14.9 5.27908 14.7209 5.1 14.5 5.1H7.49998ZM7.1 7.5C7.1 7.27908 7.27909 7.1 7.5 7.1H14.5C14.7209 7.1 14.9 7.27908 14.9 7.5C14.9 7.72091 14.7209 7.9 14.5 7.9H7.5C7.27909 7.9 7.1 7.72091 7.1 7.5ZM7.49998 9.1C7.27907 9.1 7.09998 9.27908 7.09998 9.5C7.09998 9.72091 7.27907 9.9 7.49998 9.9H14.5C14.7209 9.9 14.9 9.72091 14.9 9.5C14.9 9.27908 14.7209 9.1 14.5 9.1H7.49998ZM7.09998 11.5C7.09998 11.2791 7.27907 11.1 7.49998 11.1H14.5C14.7209 11.1 14.9 11.2791 14.9 11.5C14.9 11.7209 14.7209 11.9 14.5 11.9H7.49998C7.27907 11.9 7.09998 11.7209 7.09998 11.5ZM2.5 9.25003L5 6.00003H0L2.5 9.25003Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$26 = ["color"];
-  var EyeOpenIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$26);
-    return React.createElement("svg", Object.assign({
-      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.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$2e = ["color"];
-  var FontFamilyIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$2e);
-    return React.createElement("svg", Object.assign({
-      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: "M2.5 4.5C2.5 3.09886 3.59886 2 5 2H12.499C12.7752 2 13 2.22386 13 2.5C13 2.77614 12.7761 3 12.5 3H8.69244L8.40509 3.85458C8.18869 4.49752 7.89401 5.37197 7.58091 6.29794C7.50259 6.52956 7.42308 6.76453 7.34332 7H8.5C8.77614 7 9 7.22386 9 7.5C9 7.77614 8.77614 8 8.5 8H7.00407C6.56724 9.28543 6.16435 10.4613 5.95799 11.0386C5.63627 11.9386 5.20712 12.4857 4.66741 12.7778C4.16335 13.0507 3.64154 13.0503 3.28378 13.05L3.25 13.05C2.94624 13.05 2.7 12.8037 2.7 12.5C2.7 12.1962 2.94624 11.95 3.25 11.95C3.64182 11.95 3.9035 11.9405 4.14374 11.8105C4.36443 11.691 4.65532 11.4148 4.92217 10.6683C5.10695 10.1514 5.45375 9.14134 5.8422 8H4.5C4.22386 8 4 7.77614 4 7.5C4 7.22386 4.22386 7 4.5 7H6.18187C6.30127 6.64785 6.42132 6.29323 6.53887 5.94559C6.85175 5.02025 7.14627 4.14631 7.36256 3.50368L7.53192 3H5C4.15114 3 3.5 3.65114 3.5 4.5C3.5 4.77614 3.27614 5 3 5C2.72386 5 2.5 4.77614 2.5 4.5Z",
-      fill: color
-    }));
-  });
-  var _excluded$2l = ["color"];
-  var GearIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$2l);
-    return React.createElement("svg", Object.assign({
-      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.07095 0.650238C6.67391 0.650238 6.32977 0.925096 6.24198 1.31231L6.0039 2.36247C5.6249 2.47269 5.26335 2.62363 4.92436 2.81013L4.01335 2.23585C3.67748 2.02413 3.23978 2.07312 2.95903 2.35386L2.35294 2.95996C2.0722 3.2407 2.0232 3.6784 2.23493 4.01427L2.80942 4.92561C2.62307 5.2645 2.47227 5.62594 2.36216 6.00481L1.31209 6.24287C0.924883 6.33065 0.650024 6.6748 0.650024 7.07183V7.92897C0.650024 8.32601 0.924883 8.67015 1.31209 8.75794L2.36228 8.99603C2.47246 9.375 2.62335 9.73652 2.80979 10.0755L2.2354 10.9867C2.02367 11.3225 2.07267 11.7602 2.35341 12.041L2.95951 12.6471C3.24025 12.9278 3.67795 12.9768 4.01382 12.7651L4.92506 12.1907C5.26384 12.377 5.62516 12.5278 6.0039 12.6379L6.24198 13.6881C6.32977 14.0753 6.67391 14.3502 7.07095 14.3502H7.92809C8.32512 14.3502 8.66927 14.0753 8.75705 13.6881L8.99505 12.6383C9.37411 12.5282 9.73573 12.3773 10.0748 12.1909L10.986 12.7653C11.3218 12.977 11.7595 12.928 12.0403 12.6473L12.6464 12.0412C12.9271 11.7604 12.9761 11.3227 12.7644 10.9869L12.1902 10.076C12.3768 9.73688 12.5278 9.37515 12.638 8.99596L13.6879 8.75794C14.0751 8.67015 14.35 8.32601 14.35 7.92897V7.07183C14.35 6.6748 14.0751 6.33065 13.6879 6.24287L12.6381 6.00488C12.528 5.62578 12.3771 5.26414 12.1906 4.92507L12.7648 4.01407C12.9766 3.6782 12.9276 3.2405 12.6468 2.95975L12.0407 2.35366C11.76 2.07292 11.3223 2.02392 10.9864 2.23565L10.0755 2.80989C9.73622 2.62328 9.37437 2.47229 8.99505 2.36209L8.75705 1.31231C8.66927 0.925096 8.32512 0.650238 7.92809 0.650238H7.07095ZM4.92053 3.81251C5.44724 3.44339 6.05665 3.18424 6.71543 3.06839L7.07095 1.50024H7.92809L8.28355 3.06816C8.94267 3.18387 9.5524 3.44302 10.0794 3.81224L11.4397 2.9547L12.0458 3.56079L11.1882 4.92117C11.5573 5.44798 11.8164 6.0575 11.9321 6.71638L13.5 7.07183V7.92897L11.932 8.28444C11.8162 8.94342 11.557 9.55301 11.1878 10.0798L12.0453 11.4402L11.4392 12.0462L10.0787 11.1886C9.55192 11.5576 8.94241 11.8166 8.28355 11.9323L7.92809 13.5002H7.07095L6.71543 11.932C6.0569 11.8162 5.44772 11.5572 4.92116 11.1883L3.56055 12.046L2.95445 11.4399L3.81213 10.0794C3.4431 9.55266 3.18403 8.94326 3.06825 8.2845L1.50002 7.92897V7.07183L3.06818 6.71632C3.18388 6.05765 3.44283 5.44833 3.81171 4.92165L2.95398 3.561L3.56008 2.95491L4.92053 3.81251ZM9.02496 7.50008C9.02496 8.34226 8.34223 9.02499 7.50005 9.02499C6.65786 9.02499 5.97513 8.34226 5.97513 7.50008C5.97513 6.65789 6.65786 5.97516 7.50005 5.97516C8.34223 5.97516 9.02496 6.65789 9.02496 7.50008ZM9.92496 7.50008C9.92496 8.83932 8.83929 9.92499 7.50005 9.92499C6.1608 9.92499 5.07513 8.83932 5.07513 7.50008C5.07513 6.16084 6.1608 5.07516 7.50005 5.07516C8.83929 5.07516 9.92496 6.16084 9.92496 7.50008Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$2C = ["color"];
-  var ImageIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
-    return React.createElement("svg", Object.assign({
-      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: "M2.5 1H12.5C13.3284 1 14 1.67157 14 2.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V2.5C1 1.67157 1.67157 1 2.5 1ZM2.5 2C2.22386 2 2 2.22386 2 2.5V8.3636L3.6818 6.6818C3.76809 6.59551 3.88572 6.54797 4.00774 6.55007C4.12975 6.55216 4.24568 6.60372 4.32895 6.69293L7.87355 10.4901L10.6818 7.6818C10.8575 7.50607 11.1425 7.50607 11.3182 7.6818L13 9.3636V2.5C13 2.22386 12.7761 2 12.5 2H2.5ZM2 12.5V9.6364L3.98887 7.64753L7.5311 11.4421L8.94113 13H2.5C2.22386 13 2 12.7761 2 12.5ZM12.5 13H10.155L8.48336 11.153L11 8.6364L13 10.6364V12.5C13 12.7761 12.7761 13 12.5 13ZM6.64922 5.5C6.64922 5.03013 7.03013 4.64922 7.5 4.64922C7.96987 4.64922 8.35078 5.03013 8.35078 5.5C8.35078 5.96987 7.96987 6.35078 7.5 6.35078C7.03013 6.35078 6.64922 5.96987 6.64922 5.5ZM7.5 3.74922C6.53307 3.74922 5.74922 4.53307 5.74922 5.5C5.74922 6.46693 6.53307 7.25078 7.5 7.25078C8.46693 7.25078 9.25078 6.46693 9.25078 5.5C9.25078 4.53307 8.46693 3.74922 7.5 3.74922Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$2E = ["color"];
-  var InputIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
-    return React.createElement("svg", Object.assign({
-      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: "M6.5 1C6.22386 1 6 1.22386 6 1.5C6 1.77614 6.22386 2 6.5 2C7.12671 2 7.45718 2.20028 7.65563 2.47812C7.8781 2.78957 8 3.28837 8 4V11C8 11.7116 7.8781 12.2104 7.65563 12.5219C7.45718 12.7997 7.12671 13 6.5 13C6.22386 13 6 13.2239 6 13.5C6 13.7761 6.22386 14 6.5 14C7.37329 14 8.04282 13.7003 8.46937 13.1031C8.47976 13.0886 8.48997 13.0739 8.5 13.0591C8.51003 13.0739 8.52024 13.0886 8.53063 13.1031C8.95718 13.7003 9.62671 14 10.5 14C10.7761 14 11 13.7761 11 13.5C11 13.2239 10.7761 13 10.5 13C9.87329 13 9.54282 12.7997 9.34437 12.5219C9.1219 12.2104 9 11.7116 9 11V4C9 3.28837 9.1219 2.78957 9.34437 2.47812C9.54282 2.20028 9.87329 2 10.5 2C10.7761 2 11 1.77614 11 1.5C11 1.22386 10.7761 1 10.5 1C9.62671 1 8.95718 1.29972 8.53063 1.89688C8.52024 1.91143 8.51003 1.92611 8.5 1.9409C8.48997 1.92611 8.47976 1.91143 8.46937 1.89688C8.04282 1.29972 7.37329 1 6.5 1ZM14 5H11V4H14C14.5523 4 15 4.44772 15 5V10C15 10.5523 14.5523 11 14 11H11V10H14V5ZM6 4V5H1L1 10H6V11H1C0.447715 11 0 10.5523 0 10V5C0 4.44772 0.447715 4 1 4H6Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$2Z = ["color"];
-  var ListBulletIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$2Z);
-    return React.createElement("svg", Object.assign({
-      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: "M1.5 5.25C1.91421 5.25 2.25 4.91421 2.25 4.5C2.25 4.08579 1.91421 3.75 1.5 3.75C1.08579 3.75 0.75 4.08579 0.75 4.5C0.75 4.91421 1.08579 5.25 1.5 5.25ZM4 4.5C4 4.22386 4.22386 4 4.5 4H13.5C13.7761 4 14 4.22386 14 4.5C14 4.77614 13.7761 5 13.5 5H4.5C4.22386 5 4 4.77614 4 4.5ZM4.5 7C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H13.5C13.7761 8 14 7.77614 14 7.5C14 7.22386 13.7761 7 13.5 7H4.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H13.5C13.7761 11 14 10.7761 14 10.5C14 10.2239 13.7761 10 13.5 10H4.5ZM2.25 7.5C2.25 7.91421 1.91421 8.25 1.5 8.25C1.08579 8.25 0.75 7.91421 0.75 7.5C0.75 7.08579 1.08579 6.75 1.5 6.75C1.91421 6.75 2.25 7.08579 2.25 7.5ZM1.5 11.25C1.91421 11.25 2.25 10.9142 2.25 10.5C2.25 10.0858 1.91421 9.75 1.5 9.75C1.08579 9.75 0.75 10.0858 0.75 10.5C0.75 10.9142 1.08579 11.25 1.5 11.25Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$3n = ["color"];
-  var Pencil1Icon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3n);
-    return React.createElement("svg", Object.assign({
-      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: "M11.8536 1.14645C11.6583 0.951184 11.3417 0.951184 11.1465 1.14645L3.71455 8.57836C3.62459 8.66832 3.55263 8.77461 3.50251 8.89155L2.04044 12.303C1.9599 12.491 2.00189 12.709 2.14646 12.8536C2.29103 12.9981 2.50905 13.0401 2.69697 12.9596L6.10847 11.4975C6.2254 11.4474 6.3317 11.3754 6.42166 11.2855L13.8536 3.85355C14.0488 3.65829 14.0488 3.34171 13.8536 3.14645L11.8536 1.14645ZM4.42166 9.28547L11.5 2.20711L12.7929 3.5L5.71455 10.5784L4.21924 11.2192L3.78081 10.7808L4.42166 9.28547Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$3p = ["color"];
-  var PersonIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3p);
-    return React.createElement("svg", Object.assign({
-      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.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$3x = ["color"];
-  var PlusIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3x);
-    return React.createElement("svg", Object.assign({
-      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: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$3A = ["color"];
-  var QuestionMarkCircledIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3A);
-    return React.createElement("svg", Object.assign({
-      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: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$3K = ["color"];
-  var RowsIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$3K);
-    return React.createElement("svg", Object.assign({
-      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: "M14 12.85L1 12.85L1 14.15L14 14.15L14 12.85ZM14 8.85002L1 8.85002L1 10.15L14 10.15L14 8.85002ZM1 4.85003L14 4.85003L14 6.15003L1 6.15002L1 4.85003ZM14 0.850025L1 0.850025L1 2.15002L14 2.15002L14 0.850025Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$4a = ["color"];
-  var StarIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$4a);
-    return React.createElement("svg", Object.assign({
-      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: "M6.97942 1.25171L6.9585 1.30199L5.58662 4.60039C5.54342 4.70426 5.44573 4.77523 5.3336 4.78422L1.7727 5.0697L1.71841 5.07405L1.38687 5.10063L1.08608 5.12475C0.820085 5.14607 0.712228 5.47802 0.914889 5.65162L1.14406 5.84793L1.39666 6.06431L1.43802 6.09974L4.15105 8.42374C4.23648 8.49692 4.2738 8.61176 4.24769 8.72118L3.41882 12.196L3.40618 12.249L3.32901 12.5725L3.25899 12.866C3.19708 13.1256 3.47945 13.3308 3.70718 13.1917L3.9647 13.0344L4.24854 12.861L4.29502 12.8326L7.34365 10.9705C7.43965 10.9119 7.5604 10.9119 7.6564 10.9705L10.705 12.8326L10.7515 12.861L11.0354 13.0344L11.2929 13.1917C11.5206 13.3308 11.803 13.1256 11.7411 12.866L11.671 12.5725L11.5939 12.249L11.5812 12.196L10.7524 8.72118C10.7263 8.61176 10.7636 8.49692 10.849 8.42374L13.562 6.09974L13.6034 6.06431L13.856 5.84793L14.0852 5.65162C14.2878 5.47802 14.18 5.14607 13.914 5.12475L13.6132 5.10063L13.2816 5.07405L13.2274 5.0697L9.66645 4.78422C9.55432 4.77523 9.45663 4.70426 9.41343 4.60039L8.04155 1.30199L8.02064 1.25171L7.89291 0.944609L7.77702 0.665992C7.67454 0.419604 7.32551 0.419604 7.22303 0.665992L7.10715 0.944609L6.97942 1.25171ZM7.50003 2.60397L6.50994 4.98442C6.32273 5.43453 5.89944 5.74207 5.41351 5.78103L2.84361 5.98705L4.8016 7.66428C5.17183 7.98142 5.33351 8.47903 5.2204 8.95321L4.62221 11.461L6.8224 10.1171C7.23842 9.86302 7.76164 9.86302 8.17766 10.1171L10.3778 11.461L9.77965 8.95321C9.66654 8.47903 9.82822 7.98142 10.1984 7.66428L12.1564 5.98705L9.58654 5.78103C9.10061 5.74207 8.67732 5.43453 8.49011 4.98442L7.50003 2.60397Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$4b = ["color"];
-  var StarFilledIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$4b);
-    return React.createElement("svg", Object.assign({
-      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.22303 0.665992C7.32551 0.419604 7.67454 0.419604 7.77702 0.665992L9.41343 4.60039C9.45663 4.70426 9.55432 4.77523 9.66645 4.78422L13.914 5.12475C14.18 5.14607 14.2878 5.47802 14.0852 5.65162L10.849 8.42374C10.7636 8.49692 10.7263 8.61176 10.7524 8.72118L11.7411 12.866C11.803 13.1256 11.5206 13.3308 11.2929 13.1917L7.6564 10.9705C7.5604 10.9119 7.43965 10.9119 7.34365 10.9705L3.70718 13.1917C3.47945 13.3308 3.19708 13.1256 3.25899 12.866L4.24769 8.72118C4.2738 8.61176 4.23648 8.49692 4.15105 8.42374L0.914889 5.65162C0.712228 5.47802 0.820086 5.14607 1.08608 5.12475L5.3336 4.78422C5.44573 4.77523 5.54342 4.70426 5.58662 4.60039L7.22303 0.665992Z",
-      fill: color
-    }));
-  });
-  var _excluded$4G = ["color"];
-  var TrashIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$4G);
-    return React.createElement("svg", Object.assign({
-      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: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
-  var _excluded$4O = ["color"];
-  var UploadIcon = /* @__PURE__ */ React.forwardRef(function(_ref, forwardedRef) {
-    var _ref$color = _ref.color, color = _ref$color === void 0 ? "currentColor" : _ref$color, props = _objectWithoutPropertiesLoose(_ref, _excluded$4O);
-    return React.createElement("svg", Object.assign({
-      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.81825 1.18188C7.64251 1.00615 7.35759 1.00615 7.18185 1.18188L4.18185 4.18188C4.00611 4.35762 4.00611 4.64254 4.18185 4.81828C4.35759 4.99401 4.64251 4.99401 4.81825 4.81828L7.05005 2.58648V9.49996C7.05005 9.74849 7.25152 9.94996 7.50005 9.94996C7.74858 9.94996 7.95005 9.74849 7.95005 9.49996V2.58648L10.1819 4.81828C10.3576 4.99401 10.6425 4.99401 10.8182 4.81828C10.994 4.64254 10.994 4.35762 10.8182 4.18188L7.81825 1.18188ZM2.5 9.99997C2.77614 9.99997 3 10.2238 3 10.5V12C3 12.5538 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2238 12.2239 9.99997 12.5 9.99997C12.7761 9.99997 13 10.2238 13 10.5V12C13 13.104 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2238 2.22386 9.99997 2.5 9.99997Z",
-      fill: color,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }));
-  });
   const FullScreenImagePreview = React.memo((props) => {
     const { file, url, name, setShowPreview } = props;
     const handleDownload = React.useCallback(
@@ -8202,7 +7880,7 @@ var __publicField = (obj, key, value) => {
             onClick: () => {
               setShowPreview(false);
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeftIcon, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowLeftLine" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: styles$b.fileName, children: name }),
@@ -8213,7 +7891,7 @@ var __publicField = (obj, key, value) => {
             variant: "soft",
             "aria-label": `Download ${name}`,
             onClick: handleDownload,
-            children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" })
           }
         )
       ] })
@@ -8351,6 +8029,187 @@ var __publicField = (obj, key, value) => {
     ) });
   });
   BooleanInput.displayName = "BooleanInput";
+  var DefaultContext = {
+    color: void 0,
+    size: void 0,
+    className: void 0,
+    style: void 0,
+    attr: void 0
+  };
+  var IconContext = React.createContext && /* @__PURE__ */ React.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.createElement(node.tag, _objectSpread({
+      key: i
+    }, node.attr), Tree2Element(node.child)));
+  }
+  function GenIcon(data) {
+    return (props) => /* @__PURE__ */ React.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.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.createElement("title", null, title2), props.children);
+    };
+    return IconContext !== void 0 ? /* @__PURE__ */ React.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 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"
@@ -8383,7 +8242,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_BooleanField, "fieldTypeName", "Checkbox");
   __publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
-  __publicField(_BooleanField, "Icon", CheckCircledIcon);
+  __publicField(_BooleanField, "Icon", RiCheckboxCircleLine);
   let BooleanField = _BooleanField;
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -11463,7 +11322,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_NumberField, "fieldTypeName", "Number");
   __publicField(_NumberField, "fieldTypeDescription", "Allows specifying a number within a given range.");
-  __publicField(_NumberField, "Icon", FontFamilyIcon);
+  __publicField(_NumberField, "Icon", RiHashtag);
   __publicField(_NumberField, "_validateMin", (path) => (value, allValues) => {
     const field = valueIsFormikUserFormRevision$1(allValues) ? get(allValues, path) : allValues;
     if (typeof field.maximum === "number" && typeof value === "number" && field.maximum < value) {
@@ -11526,7 +11385,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_DateField, "fieldTypeName", "Date");
   __publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
-  __publicField(_DateField, "Icon", CalendarIcon);
+  __publicField(_DateField, "Icon", RiCalendarLine);
   let DateField = _DateField;
   const SHORT_TEXT_FIELD_MAX_LENGTH = 500;
   const LONG_TEXT_FIELD_MAX_LENGTH = 1e4;
@@ -11732,7 +11591,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_StringField, "fieldTypeName", "Short Text");
   __publicField(_StringField, "fieldTypeDescription", `Short text fields can hold up to ${SHORT_TEXT_FIELD_MAX_LENGTH} characters on a single line.`);
-  __publicField(_StringField, "Icon", InputIcon);
+  __publicField(_StringField, "Icon", RiInputField);
   let StringField = _StringField;
   const TextInput = React.memo((props) => {
     const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
@@ -11794,7 +11653,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_TextField, "fieldTypeName", "Paragraph");
   __publicField(_TextField, "fieldTypeDescription", `Paragraph fields can hold up to ${LONG_TEXT_FIELD_MAX_LENGTH} characters and can have multiple lines.`);
-  __publicField(_TextField, "Icon", RowsIcon);
+  __publicField(_TextField, "Icon", RiAlignJustify);
   let TextField = _TextField;
   const SelectInput = React.memo((props) => {
     const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
@@ -12096,7 +11955,7 @@ var __publicField = (obj, key, value) => {
                 "aria-label": "Add option",
                 disabled: !!internalError || disabled,
                 onClick: addOption,
-                children: /* @__PURE__ */ jsxRuntime.jsx(PlusIcon, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiAddLine" })
               }
             )
           ] })
@@ -12134,7 +11993,7 @@ var __publicField = (obj, key, value) => {
                       onClick: () => {
                         handleDeleteOption(index2);
                       },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {})
+                      children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLargeLine" })
                     }
                   )
                 ] })
@@ -12207,7 +12066,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_MultiStringField, "fieldTypeName", "Multi-string");
   __publicField(_MultiStringField, "fieldTypeDescription", "Allows the user to provide multiple unique strings.");
-  __publicField(_MultiStringField, "Icon", ListBulletIcon);
+  __publicField(_MultiStringField, "Icon", RiListCheck);
   let MultiStringField = _MultiStringField;
   class BaseSelectField extends BaseField {
     constructor(options) {
@@ -12285,7 +12144,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_SelectField, "fieldTypeName", "Dropdown");
   __publicField(_SelectField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
-  __publicField(_SelectField, "Icon", DropdownMenuIcon);
+  __publicField(_SelectField, "Icon", RiMenuFoldLine);
   let SelectField = _SelectField;
   const parseValueToArray = (value) => {
     if (!value)
@@ -12366,7 +12225,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_MultiSelectField, "fieldTypeName", "Multi-select");
   __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
-  __publicField(_MultiSelectField, "Icon", CheckboxIcon);
+  __publicField(_MultiSelectField, "Icon", RiCheckboxLine);
   let MultiSelectField = _MultiSelectField;
   const FieldInputCloner = React.memo((props) => {
     const { field, ...rest } = props;
@@ -12492,8 +12351,8 @@ var __publicField = (obj, key, value) => {
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { width: "100%", height: "100%", align: "center", direction: "column", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$9.PDFViewerTopbar, height: "8", width: "100%", align: "center", px: "2", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", variant: "soft", severity: "info", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", width: "100%", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "back", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-left", size: FEATHER_ICON_SIZE }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "download", size: FEATHER_ICON_SIZE }) })
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
               FileBadge,
@@ -12504,7 +12363,7 @@ var __publicField = (obj, key, value) => {
                 truncateLength: !lg ? 25 : void 0
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDelete, "aria-label": "delete", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "trash", size: FEATHER_ICON_SIZE }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDelete, "aria-label": "delete", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDeleteBin2Line" }) }) })
           ] }) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             Flex,
@@ -12550,13 +12409,13 @@ var __publicField = (obj, key, value) => {
                               justify: "center",
                               py: "2",
                               children: [
-                                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handlePrevPage, "aria-label": "previous page", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-left", size: FEATHER_ICON_SIZE }) }),
+                                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handlePrevPage, "aria-label": "previous page", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowLeftLine" }) }),
                                 /* @__PURE__ */ jsxRuntime.jsxs(blocks.Badge, { severity: "info", style: { borderRadius: 0 }, variant: "solid", children: [
                                   currentPageIndex + 1,
                                   "/",
                                   pdf.numPages
                                 ] }),
-                                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleNextPage, "aria-label": "next-page", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-right", size: FEATHER_ICON_SIZE }) })
+                                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleNextPage, "aria-label": "next-page", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowRightLine" }) })
                               ]
                             }
                           )
@@ -12580,7 +12439,7 @@ var __publicField = (obj, key, value) => {
   SpinnerComponent.displayName = "SpinnerComponent";
   const ErrorComponent = React.memo(() => {
     return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles$9.ErrorContainer, align: "center", justify: "center", direction: "column", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(blocks.IconColorUtility, { severity: "info", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "alert-circle", size: 40 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(blocks.IconColorUtility, { severity: "info", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileWarningLine", size: 40 }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "2", color: "gray", weight: "light", children: "Failed to load" })
     ] });
   });
@@ -12655,8 +12514,8 @@ var __publicField = (obj, key, value) => {
         content: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { width: "100%", height: "100%", direction: "column", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$8.ImageViewerTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { width: "100%", severity: "info", variant: "soft", highContrast: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(Flex, { justify: "start", gap: "2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "x", size: FEATHER_ICON_SIZE }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "download", size: FEATHER_ICON_SIZE }) })
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
               FileBadge,
@@ -12667,7 +12526,7 @@ var __publicField = (obj, key, value) => {
                 truncateLength: !md ? 25 : void 0
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDelete, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "trash", size: FEATHER_ICON_SIZE }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDelete, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDeleteBin2Line" }) }) })
           ] }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(Flex, { width: "100%", height: "100%", p: "5", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx(
             Flex,
@@ -12691,15 +12550,15 @@ var __publicField = (obj, key, value) => {
     const { fileType } = props;
     const icon = React.useMemo(() => {
       if (SUPPORTED_SPREADSHEET_FILE_EXTENSIONS.includes(fileType)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "layout", size: FEATHER_ICON_SIZE });
+        return /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileExcelLine" });
       }
       if (SUPPORTED_PDF_FILE_TYPES.includes(fileType)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "file-text", size: FEATHER_ICON_SIZE });
+        return /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFilePdfLine" });
       }
       if (SUPPORTED_IMAGE_FILE_TYPES.includes(fileType)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "image", size: FEATHER_ICON_SIZE });
+        return /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileImageLine" });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "file", size: FEATHER_ICON_SIZE });
+      return /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileLine" });
     }, [fileType]);
     return /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: fileType, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { width: "max-content", height: "max-content", children: icon }) });
   });
@@ -12812,8 +12671,8 @@ var __publicField = (obj, key, value) => {
               highContrast: true,
               children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "back", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-left", size: FEATHER_ICON_SIZE }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "download", size: FEATHER_ICON_SIZE }) })
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
                   FileBadge,
@@ -12824,7 +12683,7 @@ var __publicField = (obj, key, value) => {
                     truncateLength: !md ? 25 : void 0
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(Flex, { gap: "2", justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "delete", onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "trash", size: FEATHER_ICON_SIZE }) }) })
+                /* @__PURE__ */ jsxRuntime.jsx(Flex, { gap: "2", justify: "end", children: !!onDelete && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "delete", onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDeleteBin2Line" }) }) })
               ] })
             }
           ) }),
@@ -12836,7 +12695,7 @@ var __publicField = (obj, key, value) => {
               height: "100%",
               direction: "column",
               gap: "3",
-              px: "2",
+              p: "2",
               style: { overflow: "hidden" },
               children: /* @__PURE__ */ jsxRuntime.jsxs(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$7.SpreadsheetViewerContent, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -12861,9 +12720,9 @@ var __publicField = (obj, key, value) => {
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "max-content", shrink: "0", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.ButtonGroup, { merged: true, variant: "solid", severity: "info", size: "small", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "previous", onClick: handlePreviousSheet, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-left", size: FEATHER_ICON_SIZE }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "previous", onClick: handlePreviousSheet, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowLeftLine" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(blocks.Badge, { variant: "solid", size: "1", style: { borderRadius: 0 }, severity: "info", children: activeSheet }),
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "next", onClick: handleNextSheet, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-right", size: FEATHER_ICON_SIZE }) })
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "next", onClick: handleNextSheet, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowRightLine" }) })
                 ] }) })
               ] })
             }
@@ -12898,7 +12757,7 @@ var __publicField = (obj, key, value) => {
           type: "button",
           variant: "solid",
           "aria-label": ColorsToString[color] ?? "none",
-          children: selectedColor === color && /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "check", size: FEATHER_ICON_SIZE })
+          children: selectedColor === color && /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCheckLine" })
         },
         ColorsToString[color]
       )) }),
@@ -13053,8 +12912,8 @@ var __publicField = (obj, key, value) => {
           /* @__PURE__ */ jsxRuntime.jsxs(Flex, { height: "100%", width: "100%", position: "relative", direction: "column", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Flex, { className: styles$6.ImageMarkupTopbar, height: "8", width: "100%", align: "center", px: "2", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.ButtonGroup, { severity: "info", size: "medium", variant: "soft", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(Grid, { columns: "3", width: "100%", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "cancel", onClick: handleCancel, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "arrow-left", size: FEATHER_ICON_SIZE }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": `Download ${file.name}`, onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "download", size: FEATHER_ICON_SIZE }) })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", onClick: handleCancel, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLine" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": `Download ${file.name}`, onClick: handleDownload, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" }) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(Flex, { justify: "center", gap: "2", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -13071,7 +12930,7 @@ var __publicField = (obj, key, value) => {
                         type: "button",
                         variant: "solid",
                         color: ColorsToString[color],
-                        children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "circle", size: FEATHER_ICON_SIZE })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiPaletteLine" })
                       }
                     )
                   }
@@ -13082,7 +12941,7 @@ var __publicField = (obj, key, value) => {
                     size: "1",
                     side: "bottom",
                     align: "center",
-                    trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "stroke size", children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "edit-3", size: FEATHER_ICON_SIZE }) }),
+                    trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "stroke size", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiEditLine" }) }),
                     children: () => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "1", style: { width: "150px" }, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(Flex, { width: "7", children: /* @__PURE__ */ jsxRuntime.jsxs(Text, { size: "1", children: [
                         strokeWidthPixels,
@@ -13111,25 +12970,17 @@ var __publicField = (obj, key, value) => {
                     variant: "soft",
                     "aria-label": "erase",
                     onPressedChange: handleToggleEraseMode,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "x-square", size: FEATHER_ICON_SIZE })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiEraserFill" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { orientation: "vertical", size: "4" }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleUndoLast, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "corner-up-left", size: FEATHER_ICON_SIZE }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "redo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleRedoLast, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "corner-up-right", size: FEATHER_ICON_SIZE }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo all", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo all", onClick: handleUndoAll, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "repeat", size: FEATHER_ICON_SIZE }) }) })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleUndoLast, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowGoBackLine" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "redo last", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo", onClick: handleRedoLast, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiArrowGoForwardLine" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip, { content: "Undo all", side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "undo all", onClick: handleUndoAll, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiLoopLeftLine" }) }) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(Flex, { justify: "end", gap: "2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "Save markup", severity: "primary", onClick: handleSave, children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "save", size: FEATHER_ICON_SIZE }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  blocks.IconButton,
-                  {
-                    severity: "danger",
-                    "aria-label": "Delete attachment",
-                    onClick: handleDelete,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "trash", size: FEATHER_ICON_SIZE })
-                  }
-                )
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "Save markup", severity: "primary", onClick: handleSave, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiSaveLine" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "Delete attachment", onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDeleteBin2Line" }) })
               ] })
             ] }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(
@@ -13254,7 +13105,7 @@ var __publicField = (obj, key, value) => {
           ),
           ref,
           style,
-          leftSlot: error2 ? /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "alert-circle", size: FEATHER_ICON_SIZE }) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { fileType: (file == null ? void 0 : file.type) ?? "" }),
+          leftSlot: error2 ? /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileWarningLine" }) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { fileType: (file == null ? void 0 : file.type) ?? "" }),
           ...rest,
           children: !error2 ? file ? fileName2 : /* @__PURE__ */ jsxRuntime.jsx(Flex, { justify: "center", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Spinner, {}) }) : error2
         }
@@ -13310,7 +13161,7 @@ var __publicField = (obj, key, value) => {
               }),
               size,
               ref: fileCardRef,
-              leftSlot: error2 ? /* @__PURE__ */ jsxRuntime.jsx(FeatherIcon, { icon: "alert-circle", size: FEATHER_ICON_SIZE }) : file && /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { fileType: file.type }),
+              leftSlot: error2 ? /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiFileWarningLine" }) : file && /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { fileType: file.type }),
               rightSlot,
               children: error2 ?? fileName2
             }
@@ -13367,7 +13218,7 @@ var __publicField = (obj, key, value) => {
           image: showInputOnly ? void 0 : field.image,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { direction: "row", gap: "2", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { width: "max-content", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { ...rest, variant: "soft", onClick: handleClick, id: "upload-input-upload-button", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(UploadIcon, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiUpload2Line" }),
               " ",
               buttonText
             ] }) }) }),
@@ -13470,10 +13321,10 @@ var __publicField = (obj, key, value) => {
             "aria-label": `Download ${name}`,
             onClick: handleDownload,
             disabled: !resolvedFile,
-            children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDownload2Line" })
           }
         ),
-        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(Cross1Icon, {}) })
+        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiCloseLargeLine" }) })
       ] }),
       [disabled, handleDelete, handleDownload, name, resolvedFile]
     );
@@ -13620,7 +13471,7 @@ var __publicField = (obj, key, value) => {
   };
   __publicField(_UploadField, "fieldTypeName", "Upload");
   __publicField(_UploadField, "fieldTypeDescription", "Allows a file to be uploaded.");
-  __publicField(_UploadField, "Icon", UploadIcon);
+  __publicField(_UploadField, "Icon", RiUpload2Line);
   let UploadField = _UploadField;
   const FieldTypeToClsMapping = {
     date: DateField,
@@ -14163,14 +14014,14 @@ var __publicField = (obj, key, value) => {
                 onClick: handleFavoriteClick,
                 "aria-label": form.favorite ? "Favorite form" : "Standard form",
                 disabled: !isFavoriteEditable,
-                children: form.favorite ? /* @__PURE__ */ jsxRuntime.jsx(StarFilledIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(StarIcon, {})
+                children: form.favorite ? /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiStarFill" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiStarLine" })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { noWrap: true, children: form.latestRevision.title }),
-            form.latestRevision.description && /* @__PURE__ */ jsxRuntime.jsx(QuestionMarkCircledIcon, {})
+            form.latestRevision.description && /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiQuestionLine" })
           ] }),
           owner && /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(PersonIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiUserLine" }),
             " ",
             owner
           ] })
@@ -14389,7 +14240,7 @@ var __publicField = (obj, key, value) => {
     const actions = React.useMemo(() => {
       const actions2 = [
         {
-          Icon: CopyIcon,
+          Icon: RiFileCopyLine,
           key: "duplicate",
           text: "Duplicate",
           buttonProps: { onClick: duplicate }
@@ -14397,7 +14248,7 @@ var __publicField = (obj, key, value) => {
       ];
       if (index2 !== 0) {
         actions2.push({
-          Icon: TrashIcon,
+          Icon: RiDeleteBin2Line,
           key: "delete",
           text: "Delete",
           buttonProps: { onClick: remove2 }
@@ -14405,7 +14256,7 @@ var __publicField = (obj, key, value) => {
       }
       if (type !== "section") {
         actions2.unshift({
-          Icon: ImageIcon,
+          Icon: RiImageLine,
           key: "upload",
           text: "Upload image",
           buttonProps: {
@@ -14418,7 +14269,7 @@ var __publicField = (obj, key, value) => {
       }
       if (sectionIndex === void 0 && index2 !== values.fields.length - 1 || sectionIndex !== void 0 && (sectionIndex < values.fields.length - 1 || index2 !== values.fields[sectionIndex].fields.length - 1)) {
         actions2.unshift({
-          Icon: ArrowDownIcon,
+          Icon: RiArrowDownLine,
           key: "moveDown",
           text: "Move down",
           buttonProps: {
@@ -14430,7 +14281,7 @@ var __publicField = (obj, key, value) => {
       }
       if (sectionIndex === void 0 && index2 !== 0 || sectionIndex !== void 0 && (sectionIndex !== 0 || index2 !== 0)) {
         actions2.unshift({
-          Icon: ArrowUpIcon,
+          Icon: RiArrowUpLine,
           key: "moveUp",
           text: "Move up",
           buttonProps: {
@@ -14458,7 +14309,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntime.jsx(Box, { display: forMobile(true, "block"), children: /* @__PURE__ */ jsxRuntime.jsx(
         blocks.DropdownItemMenu,
         {
-          trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsxRuntime.jsx(DotsVerticalIcon, {}) }),
+          trigger: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiMore2Line" }) }),
           items: actions.map((Action) => {
             var _a2;
             return {
@@ -14555,7 +14406,7 @@ var __publicField = (obj, key, value) => {
             ...hasError && { severity: "danger" },
             hoverEffects: ["spin90Clockwise"],
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(GearIcon, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiSettings2Line" }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { children: "Settings" })
             ]
           },
@@ -14755,7 +14606,7 @@ var __publicField = (obj, key, value) => {
                   severity: "danger",
                   "aria-label": "delete",
                   onClick: handleImageDelete,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiDeleteBin2Line" })
                 }
               )
             ] }),
@@ -15095,7 +14946,7 @@ var __publicField = (obj, key, value) => {
                           blocks.DropdownItemMenu,
                           {
                             trigger: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { type: "button", variant: "soft", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(PlusIcon, {}),
+                              /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiAddLine" }),
                               " Add field"
                             ] }),
                             items: fieldTypeItems.flat()
@@ -15258,7 +15109,7 @@ var __publicField = (obj, key, value) => {
                   handleCreateEmptySection(index2);
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(PlusIcon, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiAddLine" }),
                   " Add section"
                 ]
               }
@@ -15351,11 +15202,11 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsx(Tabs.Root, { ref, defaultValue: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { direction: "column", gap: "2", children: [
         showTabs && /* @__PURE__ */ jsxRuntime.jsxs(Tabs.List, { className: classNames$1(styles$c.tabsList, tabsListClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "edit", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Pencil1Icon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiPencilLine" }),
             "Edit"
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(Tabs.Trigger, { className: styles$c.tabTrigger, value: "preview", children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Flex, { align: "center", gap: "2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(EyeOpenIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.RiIcon, { icon: "RiEyeLine" }),
             "Preview"
           ] }) })
         ] }),
@@ -15502,7 +15353,6 @@ var __publicField = (obj, key, value) => {
   exports2.DocumentService = DocumentService;
   exports2.EmailDomainsService = EmailDomainsService;
   exports2.EmailVerificationService = EmailVerificationService;
-  exports2.FEATHER_ICON_SIZE = FEATHER_ICON_SIZE;
   exports2.FieldSection = FieldSection;
   exports2.FileBadge = FileBadge;
   exports2.FileCard = FileCard;
@@ -15527,6 +15377,8 @@ var __publicField = (obj, key, value) => {
   exports2.IssuePriority = IssuePriority;
   exports2.IssueService = IssueService;
   exports2.IssueStatus = IssueStatus;
+  exports2.IssueUpdateChange = IssueUpdateChange;
+  exports2.IssueUpdateService = IssueUpdateService;
   exports2.LicenseLevel = LicenseLevel;
   exports2.LicenseService = LicenseService;
   exports2.LicenseStatus = LicenseStatus;
@@ -15590,6 +15442,8 @@ var __publicField = (obj, key, value) => {
   exports2.addIssue = addIssue;
   exports2.addIssueAttachment = addIssueAttachment;
   exports2.addIssueAttachments = addIssueAttachments;
+  exports2.addIssueUpdate = addIssueUpdate;
+  exports2.addIssueUpdates = addIssueUpdates;
   exports2.addLicenses = addLicenses;
   exports2.addOrReplaceCategories = addOrReplaceCategories;
   exports2.addOrReplaceIssueComment = addOrReplaceIssueComment;
@@ -15749,6 +15603,8 @@ var __publicField = (obj, key, value) => {
   exports2.removeIssue = removeIssue;
   exports2.removeIssueAttachment = removeIssueAttachment;
   exports2.removeIssueComment = removeIssueComment;
+  exports2.removeIssueUpdate = removeIssueUpdate;
+  exports2.removeIssueUpdates = removeIssueUpdates;
   exports2.removeOrganizationAccess = removeOrganizationAccess;
   exports2.removeProjectAccess = removeProjectAccess;
   exports2.removeProjectAccessesOfProject = removeProjectAccessesOfProject;
@@ -15850,6 +15706,8 @@ var __publicField = (obj, key, value) => {
   exports2.selectIssueAttachmentMapping = selectIssueAttachmentMapping;
   exports2.selectIssueAttachments = selectIssueAttachments;
   exports2.selectIssueMapping = selectIssueMapping;
+  exports2.selectIssueUpdateMapping = selectIssueUpdateMapping;
+  exports2.selectIssueUpdatesOfIssue = selectIssueUpdatesOfIssue;
   exports2.selectIssues = selectIssues;
   exports2.selectLatestFormRevision = selectLatestFormRevision;
   exports2.selectLatestRetryTime = selectLatestRetryTime;
@@ -15946,6 +15804,7 @@ var __publicField = (obj, key, value) => {
   exports2.setIsLoading = setIsLoading;
   exports2.setIssueAttachments = setIssueAttachments;
   exports2.setIssueComments = setIssueComments;
+  exports2.setIssueUpdates = setIssueUpdates;
   exports2.setIssues = setIssues;
   exports2.setLicenses = setLicenses;
   exports2.setLoggedIn = setLoggedIn;