@vulcanjs/react-ui 0.6.6-alpha.4 → 0.6.6-y.0

package/dist/index.js

@@ -5872,7 +5872,7 @@ init_esm_shims();
 // components/form/index.ts
 init_esm_shims();
 
-// components/form/FormContainer.tsx
+// components/form/core/FormContainer.tsx
 init_esm_shims();
 import React5 from "react";
 
@@ -8169,7 +8169,7 @@ var extras = {
 gql["default"] = gql;
 var lib_default = gql;
 
-// components/form/modules/formFragments.ts
+// components/form/utils/formFragments.ts
 init_esm_shims();
 import _uniq from "lodash/uniq.js";
 import _intersection from "lodash/intersection.js";
@@ -8311,7 +8311,7 @@ var getFormFragments = /* @__PURE__ */ __name(({ formType = "new", model, fields
 }, "getFormFragments");
 var formFragments_default = getFormFragments;
 
-// components/form/FormContainer.tsx
+// components/form/core/FormContainer.tsx
 import { getFragmentName as getFragmentName2 } from "@vulcanjs/graphql";
 import { capitalize as capitalize2 } from "@vulcanjs/utils";
 import { useSingle, useCreate, useUpdate, useDelete } from "@vulcanjs/react-hooks";
@@ -8374,7 +8374,7 @@ var withVulcanComponents = /* @__PURE__ */ __name((C) => (props) => {
   }, props));
 }, "withVulcanComponents");
 
-// components/form/FormContainer.tsx
+// components/form/core/FormContainer.tsx
 import { debugVulcan } from "@vulcanjs/utils";
 
 // components/VulcanCurrentUser/Consumer.tsx
@@ -8393,7 +8393,7 @@ var VulcanCurrentUserContext = React4.createContext({
 var VulcanCurrentUserConsumer = VulcanCurrentUserContext.Consumer;
 var useVulcanCurrentUser = /* @__PURE__ */ __name(() => useContext2(VulcanCurrentUserContext), "useVulcanCurrentUser");
 
-// components/form/FormContainer.tsx
+// components/form/core/FormContainer.tsx
 function _extends2() {
   _extends2 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -8546,10 +8546,10 @@ var FormContainer = /* @__PURE__ */ __name((props) => {
 }, "FormContainer");
 var SmartForm = FormContainer;
 
-// components/form/Form/index.ts
+// components/form/core/Form/index.ts
 init_esm_shims();
 
-// components/form/Form/Form.tsx
+// components/form/core/Form/Form.tsx
 init_esm_shims();
 import React7, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
 import { runCallbacks, getErrors } from "@vulcanjs/core";
@@ -8571,11 +8571,11 @@ import update from "lodash/update.js";
 import without from "lodash/without.js";
 import isEmpty from "lodash/isEmpty.js";
 
-// components/form/modules/schema_utils.ts
+// components/form/utils/schema_utils.ts
 init_esm_shims();
 import { canCreateField, canUpdateField } from "@vulcanjs/permissions";
 
-// components/form/modules/utils.ts
+// components/form/utils/utils.ts
 init_esm_shims();
 import merge from "lodash/merge.js";
 import find from "lodash/find.js";
@@ -8583,7 +8583,7 @@ import isPlainObject from "lodash/isPlainObject.js";
 import set from "lodash/set.js";
 import size from "lodash/size.js";
 
-// components/form/modules/path_utils.ts
+// components/form/utils/path_utils.ts
 init_esm_shims();
 import toPath from "lodash/toPath.js";
 import initial from "lodash/initial.js";
@@ -8593,7 +8593,7 @@ var splitPath = /* @__PURE__ */ __name((string) => toPath(string), "splitPath");
 var joinPath = /* @__PURE__ */ __name((array) => array.reduce((string, item) => string + (Number.isNaN(Number(item)) ? `${string === "" ? "" : "."}${item}` : `[${item}]`), ""), "joinPath");
 var getParentPath = flow(splitPath, initial, joinPath);
 
-// components/form/modules/utils.ts
+// components/form/utils/utils.ts
 var isEmptyValue = /* @__PURE__ */ __name((value) => typeof value === "undefined" || value === null || value === "" || Array.isArray(value) && value.length === 0, "isEmptyValue");
 var getFieldType = /* @__PURE__ */ __name((fieldSchema) => fieldSchema.type, "getFieldType");
 var getNullValue = /* @__PURE__ */ __name((datatype) => {
@@ -8611,7 +8611,7 @@ var getNullValue = /* @__PURE__ */ __name((datatype) => {
   }
 }, "getNullValue");
 
-// components/form/modules/schema_utils.ts
+// components/form/utils/schema_utils.ts
 var getInsertableFields = /* @__PURE__ */ __name(function(schema, user) {
   const fields = Object.keys(schema).filter(function(fieldName) {
     var field = schema[fieldName];
@@ -8781,7 +8781,7 @@ var formProperties = [
   "fieldProperties"
 ];
 
-// components/form/FormContext.tsx
+// components/form/core/FormContext.tsx
 init_esm_shims();
 import React6, { useContext as useContext3 } from "react";
 var FormContext = /* @__PURE__ */ React6.createContext(void 0);
@@ -8792,7 +8792,7 @@ var useFormContext = /* @__PURE__ */ __name(() => {
   return formContext;
 }, "useFormContext");
 
-// components/form/Form/fields.ts
+// components/form/core/Form/fields.ts
 init_esm_shims();
 import uniq from "lodash/uniq.js";
 import compact2 from "lodash/compact.js";
@@ -9015,7 +9015,7 @@ var getFieldGroups = /* @__PURE__ */ __name((props, state, context, mutableField
   return groupsWithFields;
 }, "getFieldGroups");
 
-// components/form/Form/utils.ts
+// components/form/core/Form/utils.ts
 init_esm_shims();
 import find2 from "lodash/find.js";
 import isEqualWith from "lodash/isEqualWith.js";
@@ -9029,17 +9029,17 @@ var isNotSameDocument = /* @__PURE__ */ __name((initialDocument, changedDocument
   return typeof changedValue !== "undefined";
 }, "isNotSameDocument");
 
-// components/form/useWarnOnUnsaved/index.ts
+// components/form/hooks/useWarnOnUnsaved/index.ts
 init_esm_shims();
 
-// components/form/useWarnOnUnsaved/useWarnOnUnsaved.ts
+// components/form/hooks/useWarnOnUnsaved/useWarnOnUnsaved.ts
 init_esm_shims();
 
-// components/form/useBlockTransition/useBlockTransition.ts
+// components/form/hooks/useBlockTransition/useBlockTransition.ts
 init_esm_shims();
 import { useEffect, useRef } from "react";
 
-// components/form/useBlockTransition/block.ts
+// components/form/hooks/useBlockTransition/block.ts
 init_esm_shims();
 import debug from "debug";
 var debugTransitions = debug("vn:route-transition");
@@ -9072,7 +9072,7 @@ var block = /* @__PURE__ */ __name((setConfirmationMessage, onUnblock) => {
   return unblock;
 }, "block");
 
-// components/form/useBlockTransition/useBlockTransition.ts
+// components/form/hooks/useBlockTransition/useBlockTransition.ts
 import debug2 from "debug";
 var debugTransitions2 = debug2("vn:router-transitions");
 var useBlockTransition = /* @__PURE__ */ __name(({ shouldBlock, getBlockedMessage }) => {
@@ -9111,7 +9111,7 @@ var useBlockTransition = /* @__PURE__ */ __name(({ shouldBlock, getBlockedMessag
   ]);
 }, "useBlockTransition");
 
-// components/form/useWarnOnUnsaved/useWarnOnUnsaved.ts
+// components/form/hooks/useWarnOnUnsaved/useWarnOnUnsaved.ts
 import debug3 from "debug";
 import { useIntlContext } from "@vulcanjs/react-i18n";
 var debugTransitions3 = debug3("vn:route-transitions");
@@ -9131,7 +9131,7 @@ var useWarnOnUnsaved = /* @__PURE__ */ __name(({ isChanged, warnUnsavedChanges }
   });
 }, "useWarnOnUnsaved");
 
-// components/form/Form/Form.tsx
+// components/form/core/Form/Form.tsx
 function _extends3() {
   _extends3 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -9594,7 +9594,7 @@ var Form = /* @__PURE__ */ __name((props) => {
   }, formGroupProps(group)))))));
 }, "Form");
 
-// components/form/Form/typings.ts
+// components/form/core/Form/typings.ts
 init_esm_shims();
 
 // components/VulcanComponents/index.ts
@@ -9602,7 +9602,7 @@ init_esm_shims();
 
 // components/VulcanComponents/Provider.tsx
 init_esm_shims();
-import React62 from "react";
+import React65 from "react";
 
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 init_esm_shims();
@@ -9610,9 +9610,27 @@ init_esm_shims();
 // components/VulcanComponents/defaultVulcanComponents/formComponents.ts
 init_esm_shims();
 
-// components/form/FormError.tsx
+// components/form/elements/index.ts
+init_esm_shims();
+
+// components/form/elements/FieldErrors.tsx
 init_esm_shims();
 import React8 from "react";
+var FieldErrors = /* @__PURE__ */ __name(({ errors }) => {
+  const VulcanComponents = useVulcanComponents();
+  return /* @__PURE__ */ React8.createElement("ul", {
+    className: "form-input-errors"
+  }, errors.map((error, index) => /* @__PURE__ */ React8.createElement("li", {
+    key: index
+  }, /* @__PURE__ */ React8.createElement(VulcanComponents.FormError, {
+    error,
+    errorContext: "field"
+  }))));
+}, "FieldErrors");
+
+// components/form/elements/FormError.tsx
+init_esm_shims();
+import React9 from "react";
 import get3 from "lodash/get.js";
 function _extends4() {
   _extends4 = Object.assign || function(target) {
@@ -9658,7 +9676,7 @@ var FormError = /* @__PURE__ */ __name(({ error, errorContext }) => {
       values: exception.data
     });
   }
-  return /* @__PURE__ */ React8.createElement(VulcanComponents.FormattedMessage, _extends4({
+  return /* @__PURE__ */ React9.createElement(VulcanComponents.FormattedMessage, _extends4({
     html: true
   }, messageProps));
 }, "FormError");
@@ -9666,15 +9684,158 @@ FormError.defaultProps = {
   errorContext: ""
 };
 
-// components/form/FormComponent.tsx
+// components/form/elements/FormErrors.tsx
+init_esm_shims();
+import React10 from "react";
+var FormErrors = /* @__PURE__ */ __name(() => {
+  const VulcanComponents = useVulcanComponents();
+  const { errors } = useFormContext();
+  return /* @__PURE__ */ React10.createElement("div", {
+    className: "form-errors"
+  }, !!errors.length && /* @__PURE__ */ React10.createElement(VulcanComponents.Alert, {
+    className: "flash-message",
+    variant: "danger"
+  }, /* @__PURE__ */ React10.createElement("ul", null, errors.map((error, index) => /* @__PURE__ */ React10.createElement("li", {
+    key: index
+  }, /* @__PURE__ */ React10.createElement(VulcanComponents.FormError, {
+    error,
+    errorContext: "form"
+  }))))));
+}, "FormErrors");
+
+// components/form/elements/FormSubmit.tsx
+init_esm_shims();
+var import_prop_types = __toESM(require_prop_types(), 1);
+import React11 from "react";
+import { canDeleteDocument } from "@vulcanjs/permissions";
+var FormSubmit = /* @__PURE__ */ __name(({
+  submitLabel,
+  cancelLabel,
+  cancelCallback,
+  revertLabel,
+  revertCallback,
+  document,
+  deleteDocument,
+  model,
+  currentUser
+}) => {
+  const VulcanComponents = useVulcanComponents();
+  const { clearForm } = useFormContext();
+  return /* @__PURE__ */ React11.createElement("div", {
+    className: "form-submit"
+  }, /* @__PURE__ */ React11.createElement(VulcanComponents.Button, {
+    type: "submit",
+    variant: "primary"
+  }, submitLabel ? submitLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+    id: "forms.submit",
+    defaultMessage: "Submit"
+  })), cancelCallback ? /* @__PURE__ */ React11.createElement("a", {
+    className: "form-cancel",
+    onClick: (e) => {
+      e.preventDefault();
+      cancelCallback(document);
+    }
+  }, cancelLabel ? cancelLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+    id: "forms.cancel",
+    defaultMessage: "Cancel"
+  })) : null, revertCallback ? /* @__PURE__ */ React11.createElement("a", {
+    className: "form-cancel",
+    onClick: (e) => {
+      e.preventDefault();
+      clearForm();
+      revertCallback(document);
+    }
+  }, revertLabel ? revertLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+    id: "forms.revert",
+    defaultMessage: "Revert"
+  })) : null, deleteDocument && canDeleteDocument({
+    user: currentUser,
+    document,
+    model
+  }) ? /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("hr", null), /* @__PURE__ */ React11.createElement(VulcanComponents.Button, {
+    variant: "link",
+    onClick: deleteDocument,
+    className: `delete-link ${model.name}-delete-link`
+  }, /* @__PURE__ */ React11.createElement(VulcanComponents.Icon, {
+    name: "close"
+  }), " ", /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+    id: "forms.delete",
+    defaultMessage: "Delete"
+  }))) : null);
+}, "FormSubmit");
+FormSubmit.propTypes = {
+  submitLabel: import_prop_types.default.node,
+  cancelLabel: import_prop_types.default.node,
+  cancelCallback: import_prop_types.default.func,
+  revertLabel: import_prop_types.default.node,
+  revertCallback: import_prop_types.default.func,
+  document: import_prop_types.default.object,
+  deleteDocument: import_prop_types.default.func,
+  collectionName: import_prop_types.default.string,
+  classes: import_prop_types.default.object
+};
+
+// components/form/elements/FormLayout.tsx
+init_esm_shims();
+import React12 from "react";
+function _extends5() {
+  _extends5 = Object.assign || 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 _extends5.apply(this, arguments);
+}
+__name(_extends5, "_extends");
+var FormLayout = /* @__PURE__ */ __name(({ commonProps, formProps, repeatErrors, submitProps, children }) => {
+  const VulcanComponents = useVulcanComponents();
+  return /* @__PURE__ */ React12.createElement(VulcanComponents.FormElement, _extends5({}, formProps), /* @__PURE__ */ React12.createElement(VulcanComponents.FormErrors, _extends5({}, commonProps)), children, repeatErrors && /* @__PURE__ */ React12.createElement(VulcanComponents.FormErrors, _extends5({}, commonProps)), /* @__PURE__ */ React12.createElement(VulcanComponents.FormSubmit, _extends5({}, commonProps, submitProps)));
+}, "FormLayout");
+
+// components/form/elements/FormElement.tsx
 init_esm_shims();
-import React9, { useEffect as useEffect3, useState as useState2 } from "react";
+import React13 from "react";
+function _extends6() {
+  _extends6 = Object.assign || 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 _extends6.apply(this, arguments);
+}
+__name(_extends6, "_extends");
+var FormElement = /* @__PURE__ */ React13.forwardRef((_a, ref) => {
+  var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
+  const { submitForm } = useFormContext();
+  return /* @__PURE__ */ React13.createElement("form", _extends6({}, otherProps, {
+    onSubmit: submitForm,
+    ref
+  }), children);
+});
+
+// components/form/core/index.ts
+init_esm_shims();
+
+// components/form/core/FormComponent.tsx
+init_esm_shims();
+import React14, { useEffect as useEffect3, useState as useState2 } from "react";
 import get4 from "lodash/get.js";
-import SimpleSchema2 from "simpl-schema";
+import SimpleSchema from "simpl-schema";
 
 // components/form/inputs/consts.ts
 init_esm_shims();
-import SimpleSchema from "simpl-schema";
 var standardInputs = [
   "number",
   "url",
@@ -9712,13 +9873,13 @@ var allVulcanInputs = [
   ...derivedInputs
 ];
 var getAutoInputFromType = /* @__PURE__ */ __name((fieldType) => {
-  const autoType = fieldType === Number || fieldType === SimpleSchema.Integer ? "number" : fieldType === Boolean ? "checkbox" : fieldType === Date ? "date" : "text";
+  const autoType = fieldType === Number ? "number" : fieldType === Boolean ? "checkbox" : fieldType === Date ? "date" : "text";
   return autoType;
 }, "getAutoInputFromType");
 
-// components/form/FormComponent.tsx
-function _extends5() {
-  _extends5 = Object.assign || function(target) {
+// components/form/core/FormComponent.tsx
+function _extends7() {
+  _extends7 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9729,9 +9890,9 @@ function _extends5() {
     }
     return target;
   };
-  return _extends5.apply(this, arguments);
+  return _extends7.apply(this, arguments);
 }
-__name(_extends5, "_extends");
+__name(_extends7, "_extends");
 var getCharacterCounts = /* @__PURE__ */ __name((value, max) => {
   const characterCount = value && value.length ? value.length : 0;
   return {
@@ -9758,7 +9919,7 @@ var isArrayField = /* @__PURE__ */ __name((type) => {
   return type === Array;
 }, "isArrayField");
 var isObjectField = /* @__PURE__ */ __name((type) => {
-  return type instanceof SimpleSchema2;
+  return type instanceof SimpleSchema;
 }, "isObjectField");
 var getInputName = /* @__PURE__ */ __name((fieldType, input) => {
   if (input)
@@ -9859,7 +10020,7 @@ var FormComponent = /* @__PURE__ */ __name((props) => {
     }
     if (type === Number && value != null) {
       value = Number(value);
-    } else if (type === SimpleSchema2.Integer && value != null) {
+    } else if (type === SimpleSchema.Integer && value != null) {
       value = parseInt(value);
     }
     if (value !== getValue()) {
@@ -9906,16 +10067,16 @@ var FormComponent = /* @__PURE__ */ __name((props) => {
   }, "clearField");
   const FormComponents = useVulcanComponents();
   if (intlInput) {
-    return /* @__PURE__ */ React9.createElement(FormComponents.FormIntl, _extends5({}, props));
+    return /* @__PURE__ */ React14.createElement(FormComponents.FormIntl, _extends7({}, props));
   } else if (!input && nestedInput) {
     if (isArrayField(type)) {
-      return /* @__PURE__ */ React9.createElement(FormComponents.FormNestedArray, _extends5({}, props, {
+      return /* @__PURE__ */ React14.createElement(FormComponents.FormNestedArray, _extends7({}, props, {
         formComponents: FormComponents,
         errors: getErrors2(),
         value: getValue()
       }));
     } else if (isObjectField(type)) {
-      return /* @__PURE__ */ React9.createElement(FormComponents.FormNestedObject, _extends5({}, props, {
+      return /* @__PURE__ */ React14.createElement(FormComponents.FormNestedObject, _extends7({}, props, {
         formComponents: FormComponents,
         errors: getErrors2(),
         value: getValue()
@@ -9938,17 +10099,17 @@ var FormComponent = /* @__PURE__ */ __name((props) => {
   if (!query && typeof options === "function") {
     fciProps.options = options(fciProps);
   }
-  const fci = /* @__PURE__ */ React9.createElement(FormComponents.FormComponentInner, _extends5({}, fciProps));
-  return query ? /* @__PURE__ */ React9.createElement(FormComponents.FormComponentLoader, _extends5({}, fciProps), fci) : fci;
+  const fci = /* @__PURE__ */ React14.createElement(FormComponents.FormComponentInner, _extends7({}, fciProps));
+  return query ? /* @__PURE__ */ React14.createElement(FormComponents.FormComponentLoader, _extends7({}, fciProps), fci) : fci;
 }, "FormComponent");
 var FormComponent_default = FormComponent;
 
-// components/form/FormComponentInner.tsx
+// components/form/core/FormComponentInner.tsx
 init_esm_shims();
-import React10 from "react";
+import React15 from "react";
 import { useIntlContext as useIntlContext3 } from "@vulcanjs/react-i18n";
 
-// components/form/ui_utils.ts
+// components/form/utils/ui_utils.ts
 init_esm_shims();
 import pick3 from "lodash/pick.js";
 var whitelistInputProps = /* @__PURE__ */ __name((props) => {
@@ -9963,13 +10124,19 @@ var whitelistInputProps = /* @__PURE__ */ __name((props) => {
     "disabled",
     "placeholder"
   ];
-  return pick3(props, whitelist);
+  const value = props.value;
+  let safeValue;
+  if (value === null)
+    safeValue = void 0;
+  return __spreadProps(__spreadValues({}, pick3(props, whitelist)), {
+    value: safeValue
+  });
 }, "whitelistInputProps");
 
-// components/form/FormComponentInner.tsx
+// components/form/core/FormComponentInner.tsx
 import classNames from "classnames";
-function _extends6() {
-  _extends6 = Object.assign || function(target) {
+function _extends8() {
+  _extends8 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9980,21 +10147,21 @@ function _extends6() {
     }
     return target;
   };
-  return _extends6.apply(this, arguments);
+  return _extends8.apply(this, arguments);
 }
-__name(_extends6, "_extends");
+__name(_extends8, "_extends");
 var FormComponentInner = /* @__PURE__ */ __name((props) => {
   const intl = useIntlContext3();
   const { inputType: inputType1, disabled, clearField } = props;
   const renderClear = /* @__PURE__ */ __name(() => {
     if (clearableInputs.includes(inputType1) && !disabled) {
-      return /* @__PURE__ */ React10.createElement("button", {
+      return /* @__PURE__ */ React15.createElement("button", {
         className: "form-component-clear",
         title: intl.formatMessage({
           id: "forms.clear_field"
         }),
         onClick: clearField
-      }, /* @__PURE__ */ React10.createElement("span", null, "\u2715"));
+      }, /* @__PURE__ */ React15.createElement("span", null, "\u2715"));
     }
   }, "renderClear");
   const getProperties = /* @__PURE__ */ __name(() => {
@@ -10037,20 +10204,20 @@ var FormComponentInner = /* @__PURE__ */ __name((props) => {
   });
   const properties1 = getProperties();
   const FormInput = formInput;
-  return /* @__PURE__ */ React10.createElement("div", {
+  return /* @__PURE__ */ React15.createElement("div", {
     className: inputClass
-  }, /* @__PURE__ */ React10.createElement(FormInput, _extends6({}, properties1)), hasErrors ? /* @__PURE__ */ React10.createElement(FormComponents.FieldErrors, {
+  }, /* @__PURE__ */ React15.createElement(FormInput, _extends8({}, properties1)), hasErrors ? /* @__PURE__ */ React15.createElement(FormComponents.FieldErrors, {
     errors
-  }) : null, renderClear(), showCharsRemaining && /* @__PURE__ */ React10.createElement("div", {
+  }) : null, renderClear(), showCharsRemaining && /* @__PURE__ */ React15.createElement("div", {
     className: classNames("form-control-limit", {
       danger: charsRemaining < 10
     })
   }, charsRemaining));
 }, "FormComponentInner");
 
-// components/form/FormComponentLoader.tsx
+// components/form/core/FormComponentLoader.tsx
 init_esm_shims();
-import React11, { useEffect as useEffect4 } from "react";
+import React16, { useEffect as useEffect4 } from "react";
 import { useLazyQuery } from "@apollo/client";
 import isEmpty2 from "lodash/isEmpty.js";
 var FormComponentLoader = /* @__PURE__ */ __name((props) => {
@@ -10079,9 +10246,9 @@ var FormComponentLoader = /* @__PURE__ */ __name((props) => {
     throw new Error(error.toString());
   }
   if (loading) {
-    return /* @__PURE__ */ React11.createElement("div", {
+    return /* @__PURE__ */ React16.createElement("div", {
       className: "form-component-loader"
-    }, /* @__PURE__ */ React11.createElement(VulcanComponents.Loading, null));
+    }, /* @__PURE__ */ React16.createElement(VulcanComponents.Loading, null));
   }
   const extraProps = {
     data,
@@ -10095,50 +10262,23 @@ var FormComponentLoader = /* @__PURE__ */ __name((props) => {
       data
     }));
   }
-  if (!/* @__PURE__ */ React11.isValidElement(children)) {
+  if (!/* @__PURE__ */ React16.isValidElement(children)) {
     throw new Error("Children of FormComponentLoader must be a React element, got " + children);
   }
-  const fci = /* @__PURE__ */ React11.cloneElement(children, extraProps);
-  return /* @__PURE__ */ React11.createElement("div", {
+  const fci = /* @__PURE__ */ React16.cloneElement(children, extraProps);
+  return /* @__PURE__ */ React16.createElement("div", {
     className: "form-component-loader"
   }, fci);
 }, "FormComponentLoader");
 FormComponentLoader.propTypes = {};
 
-// components/form/FormElement.tsx
-init_esm_shims();
-import React12 from "react";
-function _extends7() {
-  _extends7 = Object.assign || 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 _extends7.apply(this, arguments);
-}
-__name(_extends7, "_extends");
-var FormElement = /* @__PURE__ */ React12.forwardRef((_a, ref) => {
-  var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  const { submitForm } = useFormContext();
-  return /* @__PURE__ */ React12.createElement("form", _extends7({}, otherProps, {
-    onSubmit: submitForm,
-    ref
-  }), children);
-});
-
-// components/form/FormGroup.tsx
+// components/form/core/FormGroup.tsx
 init_esm_shims();
-import React13, { useState as useState3 } from "react";
+import React17, { useState as useState3 } from "react";
 import _some from "lodash/some.js";
 import { isAdmin } from "@vulcanjs/permissions";
-function _extends8() {
-  _extends8 = Object.assign || function(target) {
+function _extends9() {
+  _extends9 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10149,14 +10289,14 @@ function _extends8() {
     }
     return target;
   };
-  return _extends8.apply(this, arguments);
+  return _extends9.apply(this, arguments);
 }
-__name(_extends8, "_extends");
+__name(_extends9, "_extends");
 var FormGroupLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { anchorName, collapsed, hasErrors, group, document, toggle } = _b, props = __objRest(_b, ["anchorName", "collapsed", "hasErrors", "group", "document", "toggle"]);
-  return /* @__PURE__ */ React13.createElement("fieldset", _extends8({}, props));
+  return /* @__PURE__ */ React17.createElement("fieldset", _extends9({}, props));
 }, "FormGroupLayout");
-var FormGroupHeader = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React13.createElement("h2", _extends8({}, props)), "FormGroupHeader");
+var FormGroupHeader = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React17.createElement("h2", _extends9({}, props)), "FormGroupHeader");
 var FormGroup = /* @__PURE__ */ __name((props) => {
   const { name: name2, label, group, fields, hidden, document, currentUser, disabled, itemProperties, prefilledProps, formType } = props;
   const { errors, clearFieldErrors } = useFormContext();
@@ -10169,7 +10309,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
   const isHidden = typeof hidden === "function" ? hidden(__spreadProps(__spreadValues({}, props), {
     document
   })) : hidden || false;
-  const heading = /* @__PURE__ */ React13.createElement(VulcanComponents.FormGroupHeader, {
+  const heading = /* @__PURE__ */ React17.createElement(VulcanComponents.FormGroupHeader, {
     toggle,
     label,
     collapsed: collapsed1,
@@ -10180,7 +10320,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
     return null;
   }
   const anchorName = name2.split(".").length > 1 ? name2.split(".")[1] : name2;
-  return /* @__PURE__ */ React13.createElement(VulcanComponents.FormGroupLayout, {
+  return /* @__PURE__ */ React17.createElement(VulcanComponents.FormGroupLayout, {
     label,
     anchorName,
     toggle,
@@ -10190,7 +10330,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
     heading: name2 === "default" ? null : heading,
     hasErrors,
     document
-  }, fields.map((field) => /* @__PURE__ */ React13.createElement(VulcanComponents.FormComponent, _extends8({
+  }, fields.map((field) => /* @__PURE__ */ React17.createElement(VulcanComponents.FormComponent, _extends9({
     key: field.name,
     disabled
   }, field, {
@@ -10203,12 +10343,12 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
   }))));
 }, "FormGroup");
 
-// components/form/FormIntl.tsx
+// components/form/intl/FormIntl.tsx
 init_esm_shims();
-import React14 from "react";
+import React18 from "react";
 import omit2 from "lodash/omit.js";
-function _extends9() {
-  _extends9 = Object.assign || function(target) {
+function _extends10() {
+  _extends10 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10219,13 +10359,13 @@ function _extends9() {
     }
     return target;
   };
-  return _extends9.apply(this, arguments);
+  return _extends10.apply(this, arguments);
 }
-__name(_extends9, "_extends");
-var FormIntlLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React14.createElement("div", {
+__name(_extends10, "_extends");
+var FormIntlLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React18.createElement("div", {
   className: "form-intl"
 }, children), "FormIntlLayout");
-var FormIntlItemLayout = /* @__PURE__ */ __name(({ locale, children }) => /* @__PURE__ */ React14.createElement("div", {
+var FormIntlItemLayout = /* @__PURE__ */ __name(({ locale, children }) => /* @__PURE__ */ React18.createElement("div", {
   className: `form-intl-${locale.id}`
 }, children), "FormIntlItemLayout");
 var FormIntl = /* @__PURE__ */ __name((props) => {
@@ -10237,133 +10377,22 @@ var FormIntl = /* @__PURE__ */ __name((props) => {
   }, "getLocalePath");
   const { name: name2 } = props;
   const properties = omit2(props, "value", "inputProperties", "intlInput", "nestedInput");
-  return /* @__PURE__ */ React14.createElement(FormComponents.FormIntlLayout, null, Locales.map((locale, i) => /* @__PURE__ */ React14.createElement(FormComponents.FormIntlItemLayout, {
+  return /* @__PURE__ */ React18.createElement(FormComponents.FormIntlLayout, null, Locales.map((locale, i) => /* @__PURE__ */ React18.createElement(FormComponents.FormIntlItemLayout, {
     key: locale.id,
     locale
-  }, /* @__PURE__ */ React14.createElement(FormComponents.FormComponent, _extends9({}, properties, {
+  }, /* @__PURE__ */ React18.createElement(FormComponents.FormComponent, _extends10({}, properties, {
     label: getLabel2(name2, locale.id),
     path: getLocalePath(i),
     locale: locale.id
   })))));
 }, "FormIntl");
 
-// components/form/FormErrors.tsx
-init_esm_shims();
-import React15 from "react";
-var FormErrors = /* @__PURE__ */ __name(() => {
-  const VulcanComponents = useVulcanComponents();
-  const { errors } = useFormContext();
-  return /* @__PURE__ */ React15.createElement("div", {
-    className: "form-errors"
-  }, !!errors.length && /* @__PURE__ */ React15.createElement(VulcanComponents.Alert, {
-    className: "flash-message",
-    variant: "danger"
-  }, /* @__PURE__ */ React15.createElement("ul", null, errors.map((error, index) => /* @__PURE__ */ React15.createElement("li", {
-    key: index
-  }, /* @__PURE__ */ React15.createElement(VulcanComponents.FormError, {
-    error,
-    errorContext: "form"
-  }))))));
-}, "FormErrors");
-
-// components/form/FormSubmit.tsx
-init_esm_shims();
-var import_prop_types = __toESM(require_prop_types(), 1);
-import React16 from "react";
-import { canDeleteDocument } from "@vulcanjs/permissions";
-var FormSubmit = /* @__PURE__ */ __name(({
-  submitLabel,
-  cancelLabel,
-  cancelCallback,
-  revertLabel,
-  revertCallback,
-  document,
-  deleteDocument,
-  model,
-  currentUser
-}) => {
-  const VulcanComponents = useVulcanComponents();
-  const { clearForm } = useFormContext();
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: "form-submit"
-  }, /* @__PURE__ */ React16.createElement(VulcanComponents.Button, {
-    type: "submit",
-    variant: "primary"
-  }, submitLabel ? submitLabel : /* @__PURE__ */ React16.createElement(VulcanComponents.FormattedMessage, {
-    id: "forms.submit",
-    defaultMessage: "Submit"
-  })), cancelCallback ? /* @__PURE__ */ React16.createElement("a", {
-    className: "form-cancel",
-    onClick: (e) => {
-      e.preventDefault();
-      cancelCallback(document);
-    }
-  }, cancelLabel ? cancelLabel : /* @__PURE__ */ React16.createElement(VulcanComponents.FormattedMessage, {
-    id: "forms.cancel",
-    defaultMessage: "Cancel"
-  })) : null, revertCallback ? /* @__PURE__ */ React16.createElement("a", {
-    className: "form-cancel",
-    onClick: (e) => {
-      e.preventDefault();
-      clearForm();
-      revertCallback(document);
-    }
-  }, revertLabel ? revertLabel : /* @__PURE__ */ React16.createElement(VulcanComponents.FormattedMessage, {
-    id: "forms.revert",
-    defaultMessage: "Revert"
-  })) : null, deleteDocument && canDeleteDocument({
-    user: currentUser,
-    document,
-    model
-  }) ? /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("hr", null), /* @__PURE__ */ React16.createElement(VulcanComponents.Button, {
-    variant: "link",
-    onClick: deleteDocument,
-    className: `delete-link ${model.name}-delete-link`
-  }, /* @__PURE__ */ React16.createElement(VulcanComponents.Icon, {
-    name: "close"
-  }), " ", /* @__PURE__ */ React16.createElement(VulcanComponents.FormattedMessage, {
-    id: "forms.delete",
-    defaultMessage: "Delete"
-  }))) : null);
-}, "FormSubmit");
-FormSubmit.propTypes = {
-  submitLabel: import_prop_types.default.node,
-  cancelLabel: import_prop_types.default.node,
-  cancelCallback: import_prop_types.default.func,
-  revertLabel: import_prop_types.default.node,
-  revertCallback: import_prop_types.default.func,
-  document: import_prop_types.default.object,
-  deleteDocument: import_prop_types.default.func,
-  collectionName: import_prop_types.default.string,
-  classes: import_prop_types.default.object
-};
-
-// components/form/FormLayout.tsx
+// components/form/nested/index.ts
 init_esm_shims();
-import React17 from "react";
-function _extends10() {
-  _extends10 = Object.assign || 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 _extends10.apply(this, arguments);
-}
-__name(_extends10, "_extends");
-var FormLayout = /* @__PURE__ */ __name(({ commonProps, formProps, repeatErrors, submitProps, children }) => {
-  const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React17.createElement(VulcanComponents.FormElement, _extends10({}, formProps), /* @__PURE__ */ React17.createElement(VulcanComponents.FormErrors, _extends10({}, commonProps)), children, repeatErrors && /* @__PURE__ */ React17.createElement(VulcanComponents.FormErrors, _extends10({}, commonProps)), /* @__PURE__ */ React17.createElement(VulcanComponents.FormSubmit, _extends10({}, commonProps, submitProps)));
-}, "FormLayout");
 
-// components/form/FormNestedArray.tsx
+// components/form/nested/FormNestedArray.tsx
 init_esm_shims();
-import React18, { useEffect as useEffect5 } from "react";
+import React19, { useEffect as useEffect5 } from "react";
 import _omit from "lodash/omit.js";
 import _get from "lodash/get.js";
 function _extends11() {
@@ -10384,12 +10413,12 @@ __name(_extends11, "_extends");
 var FormNestedArrayInnerLayout = /* @__PURE__ */ __name((props) => {
   const { label, children, addItem, BeforeComponent, AfterComponent } = props;
   const FormComponents = useVulcanComponents();
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React19.createElement("div", {
     className: "form-nested-array-inner-layout"
-  }, /* @__PURE__ */ React18.createElement(BeforeComponent, _extends11({}, props)), children, /* @__PURE__ */ React18.createElement(FormComponents.FormNestedDivider, {
+  }, /* @__PURE__ */ React19.createElement(BeforeComponent, _extends11({}, props)), children, /* @__PURE__ */ React19.createElement(FormComponents.FormNestedDivider, {
     label,
     addItem
-  }), /* @__PURE__ */ React18.createElement(AfterComponent, _extends11({}, props)));
+  }), /* @__PURE__ */ React19.createElement(AfterComponent, _extends11({}, props)));
 }, "FormNestedArrayInnerLayout");
 var FormNestedArray = /* @__PURE__ */ __name((props) => {
   const { updateCurrentValues, deletedValues, errors } = useFormContext();
@@ -10436,18 +10465,18 @@ var FormNestedArray = /* @__PURE__ */ __name((props) => {
   properties.addItem = !maxCount || arrayLength < maxCount ? addItem : null;
   properties.nestedArrayErrors = errors.filter((error) => error.path && error.path === path1);
   properties.hasErrors = !!(properties.nestedArrayErrors && properties.nestedArrayErrors.length);
-  return /* @__PURE__ */ React18.createElement(FormComponents.FormNestedArrayLayout, _extends11({}, properties), value.map((subDocument, i) => {
+  return /* @__PURE__ */ React19.createElement(FormComponents.FormNestedArrayLayout, _extends11({}, properties), value.map((subDocument, i) => {
     if (isDeleted(i))
       return null;
     const path = `${props.path}.${i}`;
     const visibleItemIndex = visibleItemIndexes[i];
-    return /* @__PURE__ */ React18.createElement(FormComponents.FormNestedArrayInnerLayout, _extends11({}, arrayField, {
+    return /* @__PURE__ */ React19.createElement(FormComponents.FormNestedArrayInnerLayout, _extends11({}, arrayField, {
       key: path,
       addItem,
       itemIndex: i,
       visibleItemIndex,
       path
-    }), /* @__PURE__ */ React18.createElement(FormComponents.FormNestedItem, _extends11({}, properties, {
+    }), /* @__PURE__ */ React19.createElement(FormComponents.FormNestedItem, _extends11({}, properties, {
       itemIndex: i,
       visibleItemIndex,
       path,
@@ -10458,29 +10487,29 @@ var FormNestedArray = /* @__PURE__ */ __name((props) => {
     })));
   }));
 }, "FormNestedArray");
-var IconAdd = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React18.createElement("svg", {
+var IconAdd = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React19.createElement("svg", {
   width,
   height,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React18.createElement("path", {
+}, /* @__PURE__ */ React19.createElement("path", {
   fill: "currentColor",
   d: "M448 294.2v-76.4c0-13.3-10.7-24-24-24H286.2V56c0-13.3-10.7-24-24-24h-76.4c-13.3 0-24 10.7-24 24v137.8H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h137.8V456c0 13.3 10.7 24 24 24h76.4c13.3 0 24-10.7 24-24V318.2H424c13.3 0 24-10.7 24-24z"
 })), "IconAdd");
-var IconRemove = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React18.createElement("svg", {
+var IconRemove = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React19.createElement("svg", {
   width,
   height,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React18.createElement("path", {
+}, /* @__PURE__ */ React19.createElement("path", {
   fill: "currentColor",
   d: "M424 318.2c13.3 0 24-10.7 24-24v-76.4c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h400z"
 })), "IconRemove");
 
-// components/form/FormNestedArrayLayout.tsx
+// components/form/nested/FormNestedArrayLayout.tsx
 init_esm_shims();
 var import_prop_types2 = __toESM(require_prop_types(), 1);
-import React19 from "react";
+import React20 from "react";
 function _extends12() {
   _extends12 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -10499,24 +10528,24 @@ __name(_extends12, "_extends");
 var FormNestedArrayLayout = /* @__PURE__ */ __name((props) => {
   const { hasErrors, nestedArrayErrors, label, addItem, BeforeComponent, AfterComponent, children } = props;
   const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React19.createElement("div", {
+  return /* @__PURE__ */ React20.createElement("div", {
     className: `form-group row form-nested ${hasErrors ? "input-error" : ""}`
-  }, BeforeComponent && /* @__PURE__ */ React19.createElement(BeforeComponent, _extends12({}, props)), /* @__PURE__ */ React19.createElement("label", {
+  }, BeforeComponent && /* @__PURE__ */ React20.createElement(BeforeComponent, _extends12({}, props)), /* @__PURE__ */ React20.createElement("label", {
     className: "control-label col-sm-3"
-  }, label), /* @__PURE__ */ React19.createElement("div", {
+  }, label), /* @__PURE__ */ React20.createElement("div", {
     className: "col-sm-9"
-  }, children, addItem && /* @__PURE__ */ React19.createElement(VulcanComponents.Button, {
+  }, children, addItem && /* @__PURE__ */ React20.createElement(VulcanComponents.Button, {
     className: "form-nested-button form-nested-add",
     size: "sm",
     variant: "success",
     onClick: addItem
-  }, /* @__PURE__ */ React19.createElement(VulcanComponents.IconAdd, {
+  }, /* @__PURE__ */ React20.createElement(VulcanComponents.IconAdd, {
     height: 12,
     width: 12
-  })), props.hasErrors ? /* @__PURE__ */ React19.createElement(VulcanComponents.FieldErrors, {
+  })), props.hasErrors ? /* @__PURE__ */ React20.createElement(VulcanComponents.FieldErrors, {
     key: "form-nested-errors",
     errors: nestedArrayErrors
-  }) : null), AfterComponent && /* @__PURE__ */ React19.createElement(AfterComponent, _extends12({}, props)));
+  }) : null), AfterComponent && /* @__PURE__ */ React20.createElement(AfterComponent, _extends12({}, props)));
 }, "FormNestedArrayLayout");
 FormNestedArrayLayout.propTypes = {
   hasErrors: import_prop_types2.default.bool.isRequired,
@@ -10530,10 +10559,10 @@ FormNestedArrayLayout.propTypes = {
   children: import_prop_types2.default.node
 };
 
-// components/form/FormNestedItem.tsx
+// components/form/nested/FormNestedItem.tsx
 init_esm_shims();
 var import_prop_types3 = __toESM(require_prop_types(), 1);
-import React20 from "react";
+import React21 from "react";
 import { intlShape } from "@vulcanjs/react-i18n";
 import { useIntlContext as useIntlContext4 } from "@vulcanjs/react-i18n";
 function _extends13() {
@@ -10551,16 +10580,16 @@ function _extends13() {
   return _extends13.apply(this, arguments);
 }
 __name(_extends13, "_extends");
-var FormNestedItemLayout = /* @__PURE__ */ __name(({ content, removeButton }) => /* @__PURE__ */ React20.createElement("div", {
+var FormNestedItemLayout = /* @__PURE__ */ __name(({ content, removeButton }) => /* @__PURE__ */ React21.createElement("div", {
   className: "form-nested-item"
-}, /* @__PURE__ */ React20.createElement("div", {
+}, /* @__PURE__ */ React21.createElement("div", {
   className: "form-nested-item-inner"
 }, content), removeButton && [
-  /* @__PURE__ */ React20.createElement("div", {
+  /* @__PURE__ */ React21.createElement("div", {
     key: "remove-button",
     className: "form-nested-item-remove"
   }, removeButton),
-  /* @__PURE__ */ React20.createElement("div", {
+  /* @__PURE__ */ React21.createElement("div", {
     key: "remove-button-overlay",
     className: "form-nested-item-deleted-overlay"
   })
@@ -10574,9 +10603,9 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
   const VulcanComponents = useVulcanComponents();
   const intl = useIntlContext4();
   const isArray = typeof itemIndex !== "undefined";
-  return /* @__PURE__ */ React20.createElement(VulcanComponents.FormNestedItemLayout, {
+  return /* @__PURE__ */ React21.createElement(VulcanComponents.FormNestedItemLayout, {
     content: nestedFields.map((field, i) => {
-      return /* @__PURE__ */ React20.createElement(VulcanComponents.FormComponent, _extends13({
+      return /* @__PURE__ */ React21.createElement(VulcanComponents.FormComponent, _extends13({
         key: i
       }, props, field, {
         path: `${path}.${field.name}`,
@@ -10584,10 +10613,10 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
       }));
     }),
     removeButton: isArray && !hideRemove && [
-      /* @__PURE__ */ React20.createElement("div", {
+      /* @__PURE__ */ React21.createElement("div", {
         key: "remove-button",
         className: "form-nested-item-remove"
-      }, /* @__PURE__ */ React20.createElement(VulcanComponents.Button, {
+      }, /* @__PURE__ */ React21.createElement(VulcanComponents.Button, {
         className: "form-nested-button",
         variant: "danger",
         size: "sm",
@@ -10601,11 +10630,11 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
         }, {
           label
         })
-      }, /* @__PURE__ */ React20.createElement(VulcanComponents.IconRemove, {
+      }, /* @__PURE__ */ React21.createElement(VulcanComponents.IconRemove, {
         height: 12,
         width: 12
       }))),
-      /* @__PURE__ */ React20.createElement("div", {
+      /* @__PURE__ */ React21.createElement("div", {
         key: "remove-button-overlay",
         className: "form-nested-item-deleted-overlay"
       })
@@ -10623,32 +10652,17 @@ FormNestedItem.contextTypes = {
   intl: intlShape
 };
 
-// components/form/FormNestedDivider.tsx
+// components/form/nested/FormNestedDivider.tsx
 init_esm_shims();
 var import_prop_types4 = __toESM(require_prop_types(), 1);
-import React21 from "react";
-var FormNestedDivider = /* @__PURE__ */ __name(({ label, addItem }) => /* @__PURE__ */ React21.createElement("div", null), "FormNestedDivider");
+import React22 from "react";
+var FormNestedDivider = /* @__PURE__ */ __name(({ label, addItem }) => /* @__PURE__ */ React22.createElement("div", null), "FormNestedDivider");
 FormNestedDivider.propTypes = {
   label: import_prop_types4.default.string,
   addItem: import_prop_types4.default.func
 };
 
-// components/form/FieldErrors.tsx
-init_esm_shims();
-import React22 from "react";
-var FieldErrors = /* @__PURE__ */ __name(({ errors }) => {
-  const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React22.createElement("ul", {
-    className: "form-input-errors"
-  }, errors.map((error, index) => /* @__PURE__ */ React22.createElement("li", {
-    key: index
-  }, /* @__PURE__ */ React22.createElement(VulcanComponents.FormError, {
-    error,
-    errorContext: "field"
-  }))));
-}, "FieldErrors");
-
-// components/form/FormNestedObject.tsx
+// components/form/nested/FormNestedObject.tsx
 init_esm_shims();
 var import_prop_types5 = __toESM(require_prop_types(), 1);
 import React23 from "react";
@@ -10713,19 +10727,12 @@ FormNestedObject.propTypes = {
   formComponents: import_prop_types5.default.object
 };
 
-// components/form/FormOptionLabel.tsx
+// components/form/inputs/index.ts
 init_esm_shims();
-import React24 from "react";
-var FormOptionLabel = /* @__PURE__ */ __name(({ option }) => {
-  const { label } = option;
-  return /* @__PURE__ */ React24.createElement("span", {
-    className: "form-option-label"
-  }, label);
-}, "FormOptionLabel");
 
 // components/form/inputs/BasicInputs.tsx
 init_esm_shims();
-import React25 from "react";
+import React24 from "react";
 function _extends15() {
   _extends15 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -10745,75 +10752,93 @@ var HTMLInputAdapter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { inputProperties = {}, itemProperties = {}, path } = props;
   const _a = inputProperties, { label, name: name2 } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
-  return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends15({
+  return /* @__PURE__ */ React24.createElement(Components2.FormItem, _extends15({
     name: name2,
     path,
     label,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React25.createElement("input", _extends15({}, otherInputProperties, {
+  }, itemProperties), /* @__PURE__ */ React24.createElement("input", _extends15({}, otherInputProperties, {
     id: name2,
     name: name2,
     type: props.type
   })));
 }, "HTMLInputAdapter");
-var FormItem = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, label, name: name2 } = props;
-  return /* @__PURE__ */ React25.createElement("div", {
-    className: `form-item ${name2}`
-  }, /* @__PURE__ */ React25.createElement("label", {
-    htmlFor: name2
-  }, label), props.children);
-}, "FormItem");
-var HTMLSelectAdapter = /* @__PURE__ */ __name((props) => {
-  const { multiple, path, inputProperties = {}, options = [], itemProperties } = props;
-  const { label: label1, name: name2 } = inputProperties;
-  if (!Array.isArray(options))
-    throw new Error("HTMLSelectAdapater not yet supporting functional options");
-  const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends15({
-    name: name2,
-    label: label1,
-    path,
-    inputProperties
-  }, itemProperties), /* @__PURE__ */ React25.createElement("select", _extends15({
-    multiple
-  }, inputProperties), options.map(({ label, value }) => /* @__PURE__ */ React25.createElement("option", {
-    key: value,
-    label,
-    value
-  }))));
-}, "HTMLSelectAdapter");
-var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
   type: "text"
 }, props)), "FormComponentDefault");
-var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
   type: "password"
 }, props)), "FormComponentPassword");
-var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
   type: "number"
 }, props)), "FormComponentNumber");
-var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
   type: "url"
 }, props)), "FormComponentUrl");
-var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
   type: "email"
 }, props)), "FormComponentEmail");
-var FormComponentTextarea = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, itemProperties } = props;
-  return /* @__PURE__ */ React25.createElement("textarea", _extends15({}, inputProperties));
-}, "FormComponentTextarea");
 var FormComponentCheckbox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+  return /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
     type: "checkbox"
   }, props));
 }, "FormComponentCheckbox");
+var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+  type: "date"
+}, props)), "FormComponentDate");
+var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+  type: "datetime-local"
+}, props)), "FormComponentDateTime");
+var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+  type: "time"
+}, props)), "FormComponentTime");
+var FormComponentStaticText = /* @__PURE__ */ __name((props) => {
+  const { inputProperties } = props;
+  return /* @__PURE__ */ React24.createElement("input", _extends15({}, inputProperties, {
+    disabled: true
+  }));
+}, "FormComponentStaticText");
+var FormComponentLikert = /* @__PURE__ */ __name((props) => "Likert component not yet implemented", "FormComponentLikert");
+var FormComponentAutocomplete = /* @__PURE__ */ __name((props) => "Autocomplete component not yet implemented", "FormComponentAutocomplete");
+var FormComponentTextarea = /* @__PURE__ */ __name((props) => {
+  const Components2 = useVulcanComponents();
+  const { inputProperties = {}, itemProperties = {}, path } = props;
+  const _a = inputProperties, { label, name: name2 } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
+  return /* @__PURE__ */ React24.createElement(Components2.FormItem, _extends15({
+    name: name2,
+    path,
+    label,
+    inputProperties
+  }, itemProperties), /* @__PURE__ */ React24.createElement("label", {
+    htmlFor: "name"
+  }, label), /* @__PURE__ */ React24.createElement("textarea", _extends15({}, inputProperties)));
+}, "FormComponentTextarea");
+
+// components/form/inputs/RadioGroup.tsx
+init_esm_shims();
+import React25 from "react";
+function _extends16() {
+  _extends16 = Object.assign || 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 _extends16.apply(this, arguments);
+}
+__name(_extends16, "_extends");
 var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
-  const { path, inputProperties, options = [], itemProperties } = props;
+  const { value: propsValue, path, inputProperties, options = [], itemProperties } = props;
   const { label, name: name2 } = inputProperties;
   if (!Array.isArray(options))
     throw new Error("RadioGroup not yet supporting functional options");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends15({
+  return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends16({
     path,
     name: name2,
     label,
@@ -10825,45 +10850,27 @@ var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
       className: "form-radio-group-radio-item"
     }, /* @__PURE__ */ React25.createElement(Components2.FormOptionLabel, {
       option
-    }), /* @__PURE__ */ React25.createElement("input", {
+    }), /* @__PURE__ */ React25.createElement("input", _extends16({
       type: "radio",
       id: value,
       name: name2,
-      key: value,
-      value
-    }));
+      key: value
+    }, inputProperties, {
+      value,
+      checked: value === propsValue
+    })));
   }));
 }, "FormComponentRadioGroup");
-var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLSelectAdapter, _extends15({}, props)), "FormComponentSelect");
-var FormComponentSelectMultiple = /* @__PURE__ */ __name((props) => {
-  const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React25.createElement(Components2.FormComponentSelect, _extends15({
-    multiple: true
-  }, props));
-}, "FormComponentSelectMultiple");
-var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "date"
-}, props)), "FormComponentDate");
-var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "datetime-local"
-}, props)), "FormComponentDateTime");
-var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "time"
-}, props)), "FormComponentTime");
-var FormComponentStaticText = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement("input", _extends15({
-  disabled: true
-}, props)), "FormComponentStaticText");
-var FormComponentLikert = /* @__PURE__ */ __name((props) => "Likert component not yet implemented", "FormComponentLikert");
-var FormComponentAutocomplete = /* @__PURE__ */ __name((props) => "Autocomplete component not yet implemented", "FormComponentAutocomplete");
 
 // components/form/inputs/Checkboxgroup.tsx
 init_esm_shims();
 import React26, { useState as useState4 } from "react";
 import without2 from "lodash/without.js";
+import omit3 from "lodash/omit.js";
 import uniq2 from "lodash/uniq.js";
 import isEmpty3 from "lodash/isEmpty.js";
-function _extends16() {
-  _extends16 = Object.assign || function(target) {
+function _extends17() {
+  _extends17 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10874,9 +10881,9 @@ function _extends16() {
     }
     return target;
   };
-  return _extends16.apply(this, arguments);
+  return _extends17.apply(this, arguments);
 }
-__name(_extends16, "_extends");
+__name(_extends17, "_extends");
 var otherMarker = "[other]";
 var isOtherValue = /* @__PURE__ */ __name((s) => s && typeof s === "string" && s.substr(0, otherMarker.length) === otherMarker, "isOtherValue");
 var removeOtherMarker = /* @__PURE__ */ __name((s) => s && typeof s === "string" && s.substr(otherMarker.length), "removeOtherMarker");
@@ -10948,7 +10955,7 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
     throw new Error("FormComponentCheckboxGroup not yet supporting functional options");
   const value = valueFromProps ? uniq2(valueFromProps.filter((v) => isOtherValue(v) || options.map((o) => o.value).includes(v))) : [];
   const hasValue = value.length > 0;
-  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends16({
+  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends17({
     name: name2,
     label,
     path,
@@ -10958,12 +10965,15 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
   }, options.map((option, i) => {
     const isChecked1 = value.includes(option.value);
     const checkClass = hasValue ? isChecked1 ? "form-check-checked" : "form-check-unchecked" : "";
-    return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Components2.FormOptionLabel, {
+    return /* @__PURE__ */ React26.createElement("div", {
+      className: "form-item-option",
+      key: option.value
+    }, /* @__PURE__ */ React26.createElement(Components2.FormOptionLabel, {
       option,
       name: name2
-    }), /* @__PURE__ */ React26.createElement("input", _extends16({
+    }), /* @__PURE__ */ React26.createElement("input", _extends17({
       type: "checkbox"
-    }, inputProperties, {
+    }, omit3(inputProperties, "value"), {
       name: name2,
       key: i,
       checked: isChecked1,
@@ -10986,13 +10996,83 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
   })));
 }, "FormComponentCheckboxGroup");
 
+// components/form/inputs/SelectInputs.tsx
+init_esm_shims();
+import React27 from "react";
+function _extends18() {
+  _extends18 = Object.assign || 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 _extends18.apply(this, arguments);
+}
+__name(_extends18, "_extends");
+var HTMLSelectAdapter = /* @__PURE__ */ __name((props) => {
+  const { multiple, path, inputProperties = {}, options = [], itemProperties } = props;
+  const { label: label1, name: name2 } = inputProperties;
+  if (!Array.isArray(options))
+    throw new Error("HTMLSelectAdapater not yet supporting functional options");
+  const Components2 = useVulcanComponents();
+  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends18({
+    name: name2,
+    label: label1,
+    path,
+    inputProperties
+  }, itemProperties), /* @__PURE__ */ React27.createElement("select", _extends18({
+    multiple
+  }, inputProperties, {
+    value: inputProperties.value === null ? void 0 : inputProperties.value
+  }), options.map(({ label, value }) => /* @__PURE__ */ React27.createElement("option", {
+    key: value,
+    label,
+    value
+  }))));
+}, "HTMLSelectAdapter");
+var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React27.createElement(HTMLSelectAdapter, _extends18({}, props)), "FormComponentSelect");
+var FormComponentSelectMultiple = /* @__PURE__ */ __name((props) => {
+  const Components2 = useVulcanComponents();
+  return /* @__PURE__ */ React27.createElement(Components2.FormComponentSelect, _extends18({
+    multiple: true
+  }, props));
+}, "FormComponentSelectMultiple");
+
+// components/form/inputs/FormItem.tsx
+init_esm_shims();
+import React28 from "react";
+var FormItem = /* @__PURE__ */ __name((props) => {
+  const { inputProperties, label, name: name2 } = props;
+  return /* @__PURE__ */ React28.createElement("div", {
+    className: `form-item ${name2}`
+  }, /* @__PURE__ */ React28.createElement("label", {
+    htmlFor: name2
+  }, label), props.children);
+}, "FormItem");
+
+// components/form/inputs/FormOptionLabel.tsx
+init_esm_shims();
+import React29 from "react";
+var FormOptionLabel = /* @__PURE__ */ __name(({ option, name: name2 }) => {
+  const { label } = option;
+  return /* @__PURE__ */ React29.createElement("label", {
+    htmlFor: name2,
+    className: "form-option-label"
+  }, label);
+}, "FormOptionLabel");
+
 // components/form/inputs/AutocompleteMultiple.tsx
 init_esm_shims();
 import { AsyncTypeahead } from "react-bootstrap-typeahead";
-import React27, { useState as useState5 } from "react";
+import React30, { useState as useState5 } from "react";
 import { useLazyQuery as useLazyQuery2 } from "@apollo/client";
-function _extends17() {
-  _extends17 = Object.assign || function(target) {
+function _extends19() {
+  _extends19 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11003,9 +11083,9 @@ function _extends17() {
     }
     return target;
   };
-  return _extends17.apply(this, arguments);
+  return _extends19.apply(this, arguments);
 }
-__name(_extends17, "_extends");
+__name(_extends19, "_extends");
 var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const {
     queryData,
@@ -11034,9 +11114,9 @@ var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const selectedItems = queryData && optionsFunction({
     data: queryData
   }).filter((d) => value1.includes(d.value));
-  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends17({}, props, itemProperties, {
+  return /* @__PURE__ */ React30.createElement(Components2.FormItem, _extends19({}, props, itemProperties, {
     name: path
-  }), /* @__PURE__ */ React27.createElement(AsyncTypeahead, _extends17({}, inputProperties, {
+  }), /* @__PURE__ */ React30.createElement(AsyncTypeahead, _extends19({}, inputProperties, {
     multiple: true,
     onChange: (selected) => {
       const selectedIds = selected.map(({ value }) => value);
@@ -11116,14 +11196,14 @@ init_esm_shims();
 
 // components/Datatable/Datatable.tsx
 init_esm_shims();
-import React28, { useEffect as useEffect6, useState as useState6 } from "react";
+import React31, { useEffect as useEffect6, useState as useState6 } from "react";
 import _isEmpty from "lodash/isEmpty.js";
 import { useMulti } from "@vulcanjs/react-hooks";
 import { isAdmin as isAdmin2 } from "@vulcanjs/permissions";
 import { useIntlContext as useIntlContext5 } from "@vulcanjs/react-i18n";
 import { permissionCheck } from "@vulcanjs/permissions";
-function _extends18() {
-  _extends18 = Object.assign || function(target) {
+function _extends20() {
+  _extends20 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11134,9 +11214,9 @@ function _extends18() {
     }
     return target;
   };
-  return _extends18.apply(this, arguments);
+  return _extends20.apply(this, arguments);
 }
-__name(_extends18, "_extends");
+__name(_extends20, "_extends");
 var ascSortOperator = "asc";
 var descSortOperator = "desc";
 var delay = function() {
@@ -11237,7 +11317,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     }
   }));
   if (data) {
-    return /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
+    return /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
       datatableData: data,
       totalCount: data.length,
       results: data,
@@ -11268,9 +11348,9 @@ var Datatable = /* @__PURE__ */ __name((props) => {
   if (!_isEmpty(state.currentFilters)) {
     input.filter = state.currentFilters;
   }
-  return /* @__PURE__ */ React28.createElement(Components2.DatatableLayout, {
+  return /* @__PURE__ */ React31.createElement(Components2.DatatableLayout, {
     model
-  }, /* @__PURE__ */ React28.createElement(Components2.DatatableAbove, _extends18({}, props, {
+  }, /* @__PURE__ */ React31.createElement(Components2.DatatableAbove, _extends20({}, props, {
     model,
     canInsert: canCreate,
     canCreate,
@@ -11278,7 +11358,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     updateSearch,
     selectedItems: state.selectedItems,
     onSubmitSelected
-  })), /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
+  })), /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
     results: multiRes.documents,
     totalCount: multiRes.totalCount,
     count: multiRes.count,
@@ -11292,20 +11372,20 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     toggleItem
   })));
 }, "Datatable");
-var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React31.createElement("div", {
   className: `datatable datatable-${model.name.toLowerCase()}`
 }, children), "DatatableLayout");
 var DatatableAbove = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLeft, _extends18({}, props)), /* @__PURE__ */ React28.createElement(Components2.DatatableAboveRight, _extends18({}, props)));
+  return /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLeft, _extends20({}, props)), /* @__PURE__ */ React31.createElement(Components2.DatatableAboveRight, _extends20({}, props)));
 }, "DatatableAbove");
 var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
   const { showSearch, searchValue, updateSearch } = props;
   const Components2 = useVulcanComponents();
   const intl = useIntlContext5();
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-left"
-  }, showSearch && /* @__PURE__ */ React28.createElement(Components2.DatatableAboveSearchInput, {
+  }, showSearch && /* @__PURE__ */ React31.createElement(Components2.DatatableAboveSearchInput, {
     className: "datatable-search form-control",
     inputProperties: {
       path: "datatableSearchQuery",
@@ -11321,16 +11401,16 @@ var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
 var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
   const { currentUser, showNew, canInsert, options, newFormOptions, newFormProps, showSelect, selectedItems, onSubmitSelected, model } = props;
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-right"
-  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React28.createElement("div", {
+  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React28.createElement(Components2.DatatableSubmitSelected, {
+  }, /* @__PURE__ */ React31.createElement(Components2.DatatableSubmitSelected, {
     selectedItems,
     onSubmitSelected
-  })), showNew && canInsert && /* @__PURE__ */ React28.createElement("div", {
+  })), showNew && canInsert && /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React28.createElement(Components2.NewButton, _extends18({
+  }, /* @__PURE__ */ React31.createElement(Components2.NewButton, _extends20({
     model,
     currentUser,
     mutationFragmentName: options && options.fragmentName
@@ -11338,20 +11418,20 @@ var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
 }, "DatatableAboveRight");
 var DatatableAboveSearchInput = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-search-input"
-  }, /* @__PURE__ */ React28.createElement(Components2.FormComponentText, _extends18({}, props)));
+  }, /* @__PURE__ */ React31.createElement(Components2.FormComponentText, _extends20({}, props)));
 }, "DatatableAboveSearchInput");
-var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React31.createElement("div", {
   className: "datatable-above"
 }, children), "DatatableAboveLayout");
 
 // components/Datatable/DatatableContents.tsx
 init_esm_shims();
-import React29 from "react";
+import React32 from "react";
 import _sortBy from "lodash/sortBy.js";
-function _extends19() {
-  _extends19 = Object.assign || function(target) {
+function _extends21() {
+  _extends21 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11362,9 +11442,9 @@ function _extends19() {
     }
     return target;
   };
-  return _extends19.apply(this, arguments);
+  return _extends21.apply(this, arguments);
 }
-__name(_extends19, "_extends");
+__name(_extends21, "_extends");
 var wrapColumns = /* @__PURE__ */ __name((c) => ({
   name: c
 }), "wrapColumns");
@@ -11386,18 +11466,18 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
   let { title = "", datatableData, results = [], columns, loading, loadMore, count = 0, totalCount = 0, networkStatus, showEdit, showDelete, currentUser, toggleSort, currentSort, submitFilters, currentFilters, modalProps, error, showSelect, model } = props;
   const Components2 = useVulcanComponents();
   if (loading) {
-    return /* @__PURE__ */ React29.createElement("div", {
+    return /* @__PURE__ */ React32.createElement("div", {
       className: "datatable-list datatable-list-loading"
-    }, /* @__PURE__ */ React29.createElement(Components2.Loading, null));
+    }, /* @__PURE__ */ React32.createElement(Components2.Loading, null));
   }
   const isLoadingMore = networkStatus === 2;
   const hasMore = results && totalCount > results.length;
   const sortedColumns = getColumns(columns, results, datatableData);
-  return /* @__PURE__ */ React29.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React29.createElement(Components2.Alert, {
+  return /* @__PURE__ */ React32.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React32.createElement(Components2.Alert, {
     variant: "danger"
-  }, error.message), title && /* @__PURE__ */ React29.createElement(Components2.DatatableTitle, {
+  }, error.message), title && /* @__PURE__ */ React32.createElement(Components2.DatatableTitle, {
     title
-  }), /* @__PURE__ */ React29.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React29.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React29.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React29.createElement(Components2.DatatableHeader, {
+  }), /* @__PURE__ */ React32.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React32.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React32.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React32.createElement(Components2.DatatableHeader, {
     key: index,
     model,
     column,
@@ -11405,13 +11485,13 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     currentSort,
     submitFilters,
     currentFilters
-  })), showEdit ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  })), showEdit ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.edit",
     defaultMessage: "Edit"
-  })) : null, showDelete ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  })) : null, showDelete ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.delete",
     defaultMessage: "Delete"
-  })) : null), /* @__PURE__ */ React29.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React29.createElement(Components2.DatatableRow, _extends19({}, props, {
+  })) : null), /* @__PURE__ */ React32.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React32.createElement(Components2.DatatableRow, _extends21({}, props, {
     model,
     columns: sortedColumns,
     document,
@@ -11420,7 +11500,7 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     showDelete,
     currentUser,
     modalProps
-  }))) : /* @__PURE__ */ React29.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React29.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React29.createElement(Components2.Loading, null) : /* @__PURE__ */ React29.createElement(Components2.DatatableLoadMoreButton, {
+  }))) : /* @__PURE__ */ React32.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React32.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React32.createElement(Components2.Loading, null) : /* @__PURE__ */ React32.createElement(Components2.DatatableLoadMoreButton, {
     count,
     totalCount,
     onClick: (e) => {
@@ -11429,37 +11509,37 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     }
   }, "Load More (", count, "/", totalCount, ")")));
 }, "DatatableContents");
-var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("div", {
+var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("div", {
   className: "datatable-list"
 }, children), "DatatableContentsLayout");
-var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("table", {
+var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("table", {
   className: "table"
 }, children), "DatatableContentsInnerLayout");
-var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("thead", null, /* @__PURE__ */ React29.createElement("tr", null, children)), "DatatableContentsHeadLayout");
-var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("tbody", null, children), "DatatableContentsBodyLayout");
-var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("div", {
+var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("thead", null, /* @__PURE__ */ React32.createElement("tr", null, children)), "DatatableContentsHeadLayout");
+var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("tbody", null, children), "DatatableContentsBodyLayout");
+var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("div", {
   className: "datatable-list-load-more"
 }, children), "DatatableContentsMoreLayout");
 var DatatableLoadMoreButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { count, totalCount, children } = _b, otherProps = __objRest(_b, ["count", "totalCount", "children"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React29.createElement(Components2.Button, _extends19({
+  return /* @__PURE__ */ React32.createElement(Components2.Button, _extends21({
     variant: "primary"
   }, otherProps), children);
 }, "DatatableLoadMoreButton");
-var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React29.createElement("div", {
+var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React32.createElement("div", {
   className: "datatable-title"
 }, title), "DatatableTitle");
 var DatatableEmpty = /* @__PURE__ */ __name(() => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React29.createElement("tr", null, /* @__PURE__ */ React29.createElement("td", {
+  return /* @__PURE__ */ React32.createElement("tr", null, /* @__PURE__ */ React32.createElement("td", {
     colSpan: 99
-  }, /* @__PURE__ */ React29.createElement("div", {
+  }, /* @__PURE__ */ React32.createElement("div", {
     style: {
       textAlign: "center",
       padding: 10
     }
-  }, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.empty",
     defaultMessage: "No items to display."
   }))));
@@ -11467,11 +11547,11 @@ var DatatableEmpty = /* @__PURE__ */ __name(() => {
 
 // components/Datatable/DatatableHeader.tsx
 init_esm_shims();
-import React30 from "react";
+import React33 from "react";
 import { useIntlContext as useIntlContext6 } from "@vulcanjs/react-i18n";
 import { formatLabel as formatLabel2 } from "@vulcanjs/i18n";
-function _extends20() {
-  _extends20 = Object.assign || function(target) {
+function _extends22() {
+  _extends22 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11482,9 +11562,9 @@ function _extends20() {
     }
     return target;
   };
-  return _extends20.apply(this, arguments);
+  return _extends22.apply(this, arguments);
 }
-__name(_extends20, "_extends");
+__name(_extends22, "_extends");
 var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, currentSort, submitFilters, currentFilters }) => {
   const Components2 = useVulcanComponents();
   const intl = useIntlContext6();
@@ -11505,16 +11585,16 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
     const fieldOptions = field && field.options;
     const filterOptions = column.options ? column.options : fieldOptions;
     const filterQuery = field && field.staticQuery;
-    return /* @__PURE__ */ React30.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React33.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-header-${column.name}`
-    }, /* @__PURE__ */ React30.createElement("span", {
+    }, /* @__PURE__ */ React33.createElement("span", {
       className: "datatable-header-cell-label"
-    }, formattedLabel), column.sortable && /* @__PURE__ */ React30.createElement(Components2.DatatableSorter, {
+    }, formattedLabel), column.sortable && /* @__PURE__ */ React33.createElement(Components2.DatatableSorter, {
       name: column.name,
       label: formattedLabel,
       toggleSort,
       currentSort
-    }), column.filterable && /* @__PURE__ */ React30.createElement(Components2.DatatableFilter, {
+    }), column.filterable && /* @__PURE__ */ React33.createElement(Components2.DatatableFilter, {
       model,
       field,
       name: column.name,
@@ -11530,25 +11610,25 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
       id: column.name,
       defaultMessage: column.name
     });
-    return /* @__PURE__ */ React30.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React33.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-th-${formattedLabel2.toLowerCase().replace(/\s/g, "-")}`
     }, formattedLabel2);
   }
 }, "DatatableHeader");
 var DatatableHeaderCellLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React30.createElement("th", _extends20({}, otherProps), /* @__PURE__ */ React30.createElement("div", {
+  return /* @__PURE__ */ React33.createElement("th", _extends22({}, otherProps), /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-header-cell-inner"
   }, children));
 }, "DatatableHeaderCellLayout");
 
 // components/Datatable/DatatableRow.tsx
 init_esm_shims();
-import React31 from "react";
+import React34 from "react";
 import _isFunction from "lodash/isFunction.js";
 import { isAdmin as isAdmin3, permissionCheck as permissionCheck2 } from "@vulcanjs/permissions";
-function _extends21() {
-  _extends21 = Object.assign || function(target) {
+function _extends23() {
+  _extends23 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11559,9 +11639,9 @@ function _extends21() {
     }
     return target;
   };
-  return _extends21.apply(this, arguments);
+  return _extends23.apply(this, arguments);
 }
-__name(_extends21, "_extends");
+__name(_extends23, "_extends");
 var DatatableRow = /* @__PURE__ */ __name((props) => {
   const { model, columns, document, showEdit, showDelete, currentUser, options, editFormOptions, editFormProps, rowClass, showSelect, toggleItem, selectedItems } = props;
   const Components2 = useVulcanComponents();
@@ -11580,33 +11660,33 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
   const row = typeof rowClass === "function" ? rowClass(document) : rowClass || "";
   const { modalProps = {} } = props;
   const defaultModalProps = {
-    title: /* @__PURE__ */ React31.createElement("code", null, document._id)
+    title: /* @__PURE__ */ React34.createElement("code", null, document._id)
   };
   const customModalProps = __spreadValues(__spreadValues({}, defaultModalProps), _isFunction(modalProps) ? modalProps(document) : modalProps);
   const isSelected = selectedItems && selectedItems.includes(document._id);
-  return /* @__PURE__ */ React31.createElement(Components2.DatatableRowLayout, {
+  return /* @__PURE__ */ React34.createElement(Components2.DatatableRowLayout, {
     className: `datatable-item ${row} ${isSelected ? "datatable-item-selected" : ""}`
-  }, showSelect && /* @__PURE__ */ React31.createElement(Components2.DatatableSelect, {
+  }, showSelect && /* @__PURE__ */ React34.createElement(Components2.DatatableSelect, {
     document,
     toggleItem,
     selectedItems
-  }), columns.map((column, index) => /* @__PURE__ */ React31.createElement(Components2.DatatableCell, {
+  }), columns.map((column, index) => /* @__PURE__ */ React34.createElement(Components2.DatatableCell, {
     key: index,
     column,
     document,
     currentUser,
     model
-  })), showEdit && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
+  })), showEdit && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
     className: "datatable-edit"
-  }, /* @__PURE__ */ React31.createElement(Components2.EditButton, _extends21({
+  }, /* @__PURE__ */ React34.createElement(Components2.EditButton, _extends23({
     model,
     documentId: document._id,
     currentUser,
     mutationFragmentName: options && options.fragmentName,
     modalProps: customModalProps
-  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
+  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
     className: "datatable-delete"
-  }, /* @__PURE__ */ React31.createElement(Components2.DeleteButton, {
+  }, /* @__PURE__ */ React34.createElement(Components2.DeleteButton, {
     model,
     documentId: document._id,
     currentUser
@@ -11614,14 +11694,14 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
 }, "DatatableRow");
 var DatatableRowLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React31.createElement("tr", _extends21({}, otherProps), children);
+  return /* @__PURE__ */ React34.createElement("tr", _extends23({}, otherProps), children);
 }, "DatatableRowLayout");
 
 // components/Datatable/DatatableCell.tsx
 init_esm_shims();
-import React32 from "react";
-function _extends22() {
-  _extends22 = Object.assign || function(target) {
+import React35 from "react";
+function _extends24() {
+  _extends24 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11632,18 +11712,18 @@ function _extends22() {
     }
     return target;
   };
-  return _extends22.apply(this, arguments);
+  return _extends24.apply(this, arguments);
 }
-__name(_extends22, "_extends");
+__name(_extends24, "_extends");
 var DatatableCell = /* @__PURE__ */ __name(({ column, document, currentUser, model }) => {
   const Components2 = useVulcanComponents();
   const Component = column.component || column.componentName && Components2[column.componentName] || Components2.DatatableDefaultCell;
   const columnName = column.label || column.name;
   if (!columnName)
     throw new Error("Column should have name or label");
-  return /* @__PURE__ */ React32.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
     className: `datatable-item-${columnName.toLowerCase().replace(/\s/g, "-")}`
-  }, /* @__PURE__ */ React32.createElement(Component, {
+  }, /* @__PURE__ */ React35.createElement(Component, {
     column,
     document,
     currentUser,
@@ -11652,14 +11732,14 @@ var DatatableCell = /* @__PURE__ */ __name(({ column, document, currentUser, mod
 }, "DatatableCell");
 var DatatableCellLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React32.createElement("td", _extends22({}, otherProps), /* @__PURE__ */ React32.createElement("div", {
+  return /* @__PURE__ */ React35.createElement("td", _extends24({}, otherProps), /* @__PURE__ */ React35.createElement("div", {
     className: "cell-contents"
   }, children));
 }, "DatatableCellLayout");
 var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { column, document } = _b, rest = __objRest(_b, ["column", "document"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement(Components2.CardItemSwitcher, _extends22({
+  return /* @__PURE__ */ React35.createElement(Components2.CardItemSwitcher, _extends24({
     value: document[column.name],
     document,
     fieldName: column.name
@@ -11669,11 +11749,11 @@ var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/DatatableFilter.tsx
 init_esm_shims();
 var import_moment = __toESM(require_moment(), 1);
-import React33, { useState as useState7 } from "react";
+import React36, { useState as useState7 } from "react";
 import { useQuery } from "@apollo/client";
 import isEmpty4 from "lodash/isEmpty.js";
-function _extends23() {
-  _extends23 = Object.assign || function(target) {
+function _extends25() {
+  _extends25 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11684,9 +11764,9 @@ function _extends23() {
     }
     return target;
   };
-  return _extends23.apply(this, arguments);
+  return _extends25.apply(this, arguments);
 }
-__name(_extends23, "_extends");
+__name(_extends25, "_extends");
 var getCount = /* @__PURE__ */ __name((columnFilters) => {
   if (!columnFilters) {
     return 0;
@@ -11701,16 +11781,16 @@ var getCount = /* @__PURE__ */ __name((columnFilters) => {
   }
   return 0;
 }, "getCount");
-var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.createElement("svg", {
+var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React36.createElement("svg", {
   width: "16",
   height: "16",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React33.createElement("path", {
+}, /* @__PURE__ */ React36.createElement("path", {
   fill: "#000",
   d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z",
   fillOpacity: count ? 0.8 : 0.3
-}), count ? /* @__PURE__ */ React33.createElement("text", {
+}), count ? /* @__PURE__ */ React36.createElement("text", {
   x: "50%",
   y: "55%",
   fill: "#000",
@@ -11718,7 +11798,7 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.creat
   textAnchor: "middle",
   alignmentBaseline: "middle",
   fillOpacity: 0.8
-}, count) : /* @__PURE__ */ React33.createElement("path", {
+}, count) : /* @__PURE__ */ React36.createElement("path", {
   fill: "#000",
   d: "M224 200v-16c0-13.3-10.7-24-24-24h-24v-20c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v20h-24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h24v148c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V224h24c13.3 0 24-10.7 24-24zM352 328v-16c0-13.3-10.7-24-24-24h-24V140c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v148h-24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h24v20c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12v-20h24c13.3 0 24-10.7 24-24z",
   fillOpacity: 0.3
@@ -11726,10 +11806,10 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.creat
 var DatatableFilter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { columnFilters, label, query } = props;
-  return /* @__PURE__ */ React33.createElement("span", {
+  return /* @__PURE__ */ React36.createElement("span", {
     className: "datatable-filter"
-  }, /* @__PURE__ */ React33.createElement(Components2.ModalTrigger, {
-    title: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.ModalTrigger, {
+    title: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
       id: "datatable.filter_column",
       values: {
         label
@@ -11737,10 +11817,10 @@ var DatatableFilter = /* @__PURE__ */ __name((props) => {
       defaultMessage: `Filter \u201C${label}\u201D`
     }),
     size: "small",
-    trigger: /* @__PURE__ */ React33.createElement(Filter, {
+    trigger: /* @__PURE__ */ React36.createElement(Filter, {
       count: getCount(columnFilters)
     })
-  }, query ? /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContentsWithData, _extends23({}, props)) : /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props))));
+  }, query ? /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContentsWithData, _extends25({}, props)) : /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props))));
 }, "DatatableFilter");
 var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
@@ -11751,14 +11831,14 @@ var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const filterQuery = queryGql;
   const { loading, error, data } = useQuery(filterQuery);
   if (loading) {
-    return /* @__PURE__ */ React33.createElement(Components2.Loading, null);
+    return /* @__PURE__ */ React36.createElement(Components2.Loading, null);
   } else if (error) {
-    return /* @__PURE__ */ React33.createElement("p", null, "error");
+    return /* @__PURE__ */ React36.createElement("p", null, "error");
   } else {
     const queryOptions = options({
       data
     });
-    return /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props, {
+    return /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props, {
       options: queryOptions
     }));
   }
@@ -11775,28 +11855,28 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
   let contents;
   if (filterComponent) {
     const CustomFilter = filterComponent;
-    contents = /* @__PURE__ */ React33.createElement(CustomFilter, _extends23({}, filterProps));
+    contents = /* @__PURE__ */ React36.createElement(CustomFilter, _extends25({}, filterProps));
   } else if (options) {
-    contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterCheckboxes, _extends23({}, filterProps));
+    contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterCheckboxes, _extends25({}, filterProps));
   } else {
     switch (fieldType) {
       case Date:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterDates, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterDates, _extends25({}, filterProps));
         break;
       case Number:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterNumbers, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterNumbers, _extends25({}, filterProps));
         break;
       case Boolean:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterBooleans, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterBooleans, _extends25({}, filterProps));
         break;
       default:
-        contents = /* @__PURE__ */ React33.createElement("p", null, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+        contents = /* @__PURE__ */ React36.createElement("p", null, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
           id: "datatable.specify_option",
           defaultMessage: "Please specify an options property on your schema field."
         }));
     }
   }
-  return /* @__PURE__ */ React33.createElement("form", null, contents, /* @__PURE__ */ React33.createElement(Components2.Button, {
+  return /* @__PURE__ */ React36.createElement("form", null, contents, /* @__PURE__ */ React36.createElement(Components2.Button, {
     variant: "link",
     style: {
       display: "inline-block",
@@ -11806,10 +11886,10 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
     onClick: () => {
       setFilters(void 0);
     }
-  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
     id: "datatable.clear_all",
     defaultMessage: "Clear All"
-  })), /* @__PURE__ */ React33.createElement(Components2.Button, {
+  })), /* @__PURE__ */ React36.createElement(Components2.Button, {
     type: "submit",
     className: "datatable_filter_submit",
     onClick: () => {
@@ -11818,7 +11898,7 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
         filters
       });
     }
-  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
     id: "datatable.submit",
     defaultMessage: "Submit"
   })));
@@ -11828,7 +11908,7 @@ var DatatableFilterCheckboxes = /* @__PURE__ */ __name(({ options, filters = {
   _in: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement(Components2.FormComponentCheckboxGroup, {
+  return /* @__PURE__ */ React36.createElement(Components2.FormComponentCheckboxGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11862,7 +11942,7 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
   _eq: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement(Components2.FormComponentRadioGroup, {
+  return /* @__PURE__ */ React36.createElement(Components2.FormComponentRadioGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11881,10 +11961,10 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
 }, "DatatableFilterBooleans");
 var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
+  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.after",
         defaultMessage: "After"
       }),
@@ -11903,10 +11983,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
         }));
       }
     }
-  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
+  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.before",
         defaultMessage: "Before"
       }),
@@ -11929,10 +12009,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
 }, "DatatableFilterDates");
 var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
+  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.greater_than",
         defaultMessage: "Greater than"
       }),
@@ -11953,10 +12033,10 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
       },
       value: filters && parseFloat(filters._gte)
     }
-  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
+  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.lower_than",
         defaultMessage: "Lower than"
       }),
@@ -11982,63 +12062,63 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
 
 // components/Datatable/DatatableSorter.tsx
 init_esm_shims();
-import React34 from "react";
-var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
+import React37 from "react";
+var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.createElement("path", {
   d: "M25.7368 247.243H280.263C303.149 247.243 314.592 274.958 298.444 291.116L171.18 418.456C161.128 428.515 144.872 428.515 134.926 418.456L7.55631 291.116C-8.59221 274.958 2.85078 247.243 25.7368 247.243ZM298.444 134.884L171.18 7.54408C161.128 -2.51469 144.872 -2.51469 134.926 7.54408L7.55631 134.884C-8.59221 151.042 2.85078 178.757 25.7368 178.757H280.263C303.149 178.757 314.592 151.042 298.444 134.884Z",
   transform: "translate(66 6)",
   fill: "#000",
   fillOpacity: "0.2"
 })), "SortNone");
-var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
+var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.createElement("path", {
   d: "M25.7368 0H280.263C303.149 0 314.592 27.7151 298.444 43.8734L171.18 171.213C161.128 181.272 144.872 181.272 134.926 171.213L7.55631 43.8734C-8.59221 27.7151 2.85078 0 25.7368 0Z",
   transform: "translate(66 253.243)",
   fill: "black",
   fillOpacity: "0.7"
-}), /* @__PURE__ */ React34.createElement("path", {
+}), /* @__PURE__ */ React37.createElement("path", {
   d: "M171.18 7.54408L298.444 134.884C314.592 151.042 303.149 178.757 280.263 178.757H25.7368C2.85078 178.757 -8.59221 151.042 7.55631 134.884L134.926 7.54408C144.872 -2.51469 161.128 -2.51469 171.18 7.54408Z",
   transform: "translate(66 6)",
   fill: "black",
   fillOpacity: "0.2"
 })), "SortDesc");
-var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
+var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.createElement("path", {
   d: "M298.444 134.884L171.18 7.54408C161.128 -2.51469 144.872 -2.51469 134.926 7.54408L7.55631 134.884C-8.59221 151.042 2.85078 178.757 25.7368 178.757H280.263C303.149 178.757 314.592 151.042 298.444 134.884Z",
   transform: "translate(66 6)",
   fill: "black",
   fillOpacity: "0.7"
-}), /* @__PURE__ */ React34.createElement("path", {
+}), /* @__PURE__ */ React37.createElement("path", {
   d: "M280.263 0H25.7368C2.85078 0 -8.59221 27.7151 7.55631 43.8734L134.926 171.213C144.872 181.272 161.128 181.272 171.18 171.213L298.444 43.8734C314.592 27.7151 303.149 0 280.263 0Z",
   transform: "translate(66 253.243)",
   fill: "black",
   fillOpacity: "0.2"
 })), "SortAsc");
-var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React34.createElement("span", {
+var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React37.createElement("span", {
   className: "datatable-sorter",
   onClick: () => {
     toggleSort(name2);
   }
-}, !currentSort[name2] ? /* @__PURE__ */ React34.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React34.createElement(SortAsc, null) : /* @__PURE__ */ React34.createElement(SortDesc, null)), "DatatableSorter");
+}, !currentSort[name2] ? /* @__PURE__ */ React37.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React37.createElement(SortAsc, null) : /* @__PURE__ */ React37.createElement(SortDesc, null)), "DatatableSorter");
 
 // components/Datatable/DatatableSelect.tsx
 init_esm_shims();
-import React35 from "react";
+import React38 from "react";
 var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, document }) => {
   const value = selectedItems.includes(document._id || "");
   const onChange = /* @__PURE__ */ __name((e) => {
@@ -12047,9 +12127,9 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
     toggleItem(document._id);
   }, "onChange");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React38.createElement(Components2.DatatableCellLayout, {
     className: "datatable-check"
-  }, /* @__PURE__ */ React35.createElement(Components2.FormComponentCheckbox, {
+  }, /* @__PURE__ */ React38.createElement(Components2.FormComponentCheckbox, {
     inputProperties: {
       value,
       onChange
@@ -12062,16 +12142,16 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
 
 // components/Datatable/DatatableSubmitSelected.tsx
 init_esm_shims();
-import React36 from "react";
+import React39 from "react";
 var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitSelected }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement(Components2.Button, {
+  return /* @__PURE__ */ React39.createElement(Components2.Button, {
     className: "datatable-submit-selected",
     onClick: (e) => {
       e.preventDefault();
       onSubmitSelected(selectedItems);
     }
-  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
     id: "datatable.submit"
   }));
 }, "DatatableSubmitSelected");
@@ -12079,9 +12159,9 @@ var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitS
 // components/Datatable/others/EditButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext7 } from "@vulcanjs/react-i18n";
-import React37 from "react";
-function _extends24() {
-  _extends24 = Object.assign || function(target) {
+import React40 from "react";
+function _extends26() {
+  _extends26 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12092,27 +12172,27 @@ function _extends24() {
     }
     return target;
   };
-  return _extends24.apply(this, arguments);
+  return _extends26.apply(this, arguments);
 }
-__name(_extends24, "_extends");
+__name(_extends26, "_extends");
 var EditButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { style = "primary", variant, label, size: size2, showId, modalProps, formProps, component } = _b, props = __objRest(_b, ["style", "variant", "label", "size", "showId", "modalProps", "formProps", "component"]);
   const Components2 = useVulcanComponents();
   const intl = useIntlContext7();
-  return /* @__PURE__ */ React37.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React40.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.edit",
       defaultMessage: "Edit"
     }),
-    component: component ? component : /* @__PURE__ */ React37.createElement(Components2.Button, {
+    component: component ? component : /* @__PURE__ */ React40.createElement(Components2.Button, {
       size: size2,
       variant: variant || style
-    }, label || /* @__PURE__ */ React37.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React40.createElement(Components2.FormattedMessage, {
       id: "datatable.edit",
       defaultMessage: "Edit"
     })),
     modalProps
-  }, /* @__PURE__ */ React37.createElement(Components2.EditForm, _extends24({
+  }, /* @__PURE__ */ React40.createElement(Components2.EditForm, _extends26({
     closeModal: () => {
       console.warn("closeModal not defined");
     }
@@ -12135,7 +12215,7 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React37.createElement(Components2.SmartForm, _extends24({
+  return /* @__PURE__ */ React40.createElement(Components2.SmartForm, _extends26({
     successCallback: success,
     removeSuccessCallback: remove
   }, formProps, props));
@@ -12144,9 +12224,9 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/others/NewButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext8 } from "@vulcanjs/react-i18n";
-import React38 from "react";
-function _extends25() {
-  _extends25 = Object.assign || function(target) {
+import React41 from "react";
+function _extends27() {
+  _extends27 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12157,27 +12237,27 @@ function _extends25() {
     }
     return target;
   };
-  return _extends25.apply(this, arguments);
+  return _extends27.apply(this, arguments);
 }
-__name(_extends25, "_extends");
+__name(_extends27, "_extends");
 var NewButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { size: size2, label, style = "primary", formProps } = _b, props = __objRest(_b, ["size", "label", "style", "formProps"]);
   const intl = useIntlContext8();
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React38.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React41.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.new"
     }),
     title: label || intl.formatMessage({
       id: "datatable.new"
     }),
-    component: /* @__PURE__ */ React38.createElement(Components2.Button, {
+    component: /* @__PURE__ */ React41.createElement(Components2.Button, {
       variant: style,
       size: size2
-    }, label || /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React41.createElement(Components2.FormattedMessage, {
       id: "datatable.new"
     }))
-  }, /* @__PURE__ */ React38.createElement(Components2.NewForm, _extends25({
+  }, /* @__PURE__ */ React41.createElement(Components2.NewForm, _extends27({
     formProps
   }, props)));
 }, "NewButton");
@@ -12189,7 +12269,7 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React38.createElement(Components2.SmartForm, _extends25({
+  return /* @__PURE__ */ React41.createElement(Components2.SmartForm, _extends27({
     model,
     successCallback: success
   }, formProps || {}));
@@ -12198,9 +12278,9 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
 // components/Datatable/others/DeleteButton.tsx
 init_esm_shims();
 import { useDelete as useDelete2 } from "@vulcanjs/react-hooks";
-import React39 from "react";
-function _extends26() {
-  _extends26 = Object.assign || function(target) {
+import React42 from "react";
+function _extends28() {
+  _extends28 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12211,9 +12291,9 @@ function _extends26() {
     }
     return target;
   };
-  return _extends26.apply(this, arguments);
+  return _extends28.apply(this, arguments);
 }
-__name(_extends26, "_extends");
+__name(_extends28, "_extends");
 var DeleteButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const _a = props, { label, fragment, documentId, mutationOptions, currentUser, model } = _a, rest = __objRest(_a, ["label", "fragment", "documentId", "mutationOptions", "currentUser", "model"]);
@@ -12222,7 +12302,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
     fragment,
     mutationOptions
   });
-  return /* @__PURE__ */ React39.createElement(Components2.LoadingButton, _extends26({
+  return /* @__PURE__ */ React42.createElement(Components2.LoadingButton, _extends28({
     loading,
     onClick: () => {
       deleteFunction({
@@ -12231,7 +12311,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
         }
       });
     },
-    label: label || /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
+    label: label || /* @__PURE__ */ React42.createElement(Components2.FormattedMessage, {
       id: "datatable.delete",
       defaultMessage: "Delete"
     })
@@ -12285,9 +12365,9 @@ init_esm_shims();
 
 // components/cell/CardItem.tsx
 init_esm_shims();
-import React40 from "react";
-function _extends27() {
-  _extends27 = Object.assign || function(target) {
+import React43 from "react";
+function _extends29() {
+  _extends29 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12298,9 +12378,9 @@ function _extends27() {
     }
     return target;
   };
-  return _extends27.apply(this, arguments);
+  return _extends29.apply(this, arguments);
 }
-__name(_extends27, "_extends");
+__name(_extends29, "_extends");
 var getTypeName = /* @__PURE__ */ __name((value, fieldName, model) => {
   const schema = model.schema;
   const fieldSchema = schema && schema[fieldName];
@@ -12331,7 +12411,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     }
   }
   if (typeof value === "undefined" || value === null) {
-    return /* @__PURE__ */ React40.createElement(React40.Fragment, null, '""');
+    return /* @__PURE__ */ React43.createElement(React43.Fragment, null, '""');
   }
   const itemProps = {
     nestingLevel: nestingLevel + 1,
@@ -12341,7 +12421,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     model,
     fieldSchema
   };
-  if (/* @__PURE__ */ React40.isValidElement(itemProps.value)) {
+  if (/* @__PURE__ */ React43.isValidElement(itemProps.value)) {
     return itemProps.value;
   }
   if (fieldSchema && fieldSchema.resolveAs && fieldSchema.resolveAs.relation) {
@@ -12349,15 +12429,15 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     itemProps.relatedDocument = document == null ? void 0 : document[itemProps.relatedFieldName || ""];
     itemProps.relatedModel = (_b = fieldSchema.relation) == null ? void 0 : _b.model;
     if (!itemProps.relatedDocument) {
-      return /* @__PURE__ */ React40.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React40.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React40.createElement("code", null, typeName), " (", /* @__PURE__ */ React40.createElement("code", null, itemProps.relatedFieldName), ")");
+      return /* @__PURE__ */ React43.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React43.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React43.createElement("code", null, typeName), " (", /* @__PURE__ */ React43.createElement("code", null, itemProps.relatedFieldName), ")");
     }
     switch ((_c = fieldSchema.relation) == null ? void 0 : _c.kind) {
       case "hasOne":
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasOne, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasOne, _extends29({}, itemProps));
       case "hasMany":
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasMany, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasMany, _extends29({}, itemProps));
       default:
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
     }
   }
   if (Array.isArray(value)) {
@@ -12369,81 +12449,81 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     case "Number":
     case "number":
     case "SimpleSchema.Integer":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemNumber, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemNumber, _extends29({}, itemProps));
     case "Array":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemArray, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemArray, _extends29({}, itemProps));
     case "Object":
     case "object":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemObject, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemObject, _extends29({}, itemProps));
     case "Date":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
     case "String":
     case "string":
       switch (contents) {
         case "html":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemHTML, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemHTML, _extends29({}, itemProps));
         case "date":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
         case "image":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps, {
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps, {
             force: true
           }));
         case "url":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemURL, _extends27({}, itemProps, {
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemURL, _extends29({}, itemProps, {
             force: true
           }));
         default:
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps));
       }
     default:
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
   }
 }, "CardItemSwitcher");
 
 // components/cell/CardItemRelationItem.tsx
 init_esm_shims();
-import React41 from "react";
+import React44 from "react";
 var CardItemRelationItem = /* @__PURE__ */ __name(({ relatedDocument, relatedModel }) => {
   const Components2 = useVulcanComponents();
   const label = relatedDocument._id;
   const typeName = relatedDocument.__typename;
   const Cell = Components2[`${typeName}Cell`];
-  return Cell ? /* @__PURE__ */ React41.createElement(Cell, {
+  return Cell ? /* @__PURE__ */ React44.createElement(Cell, {
     document: relatedDocument,
     label,
     Components: Components2
-  }) : /* @__PURE__ */ React41.createElement(Components2.DefaultCell, {
+  }) : /* @__PURE__ */ React44.createElement(Components2.DefaultCell, {
     document: relatedDocument,
     label
   });
 }, "CardItemRelationItem");
-var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React41.createElement("li", {
+var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React44.createElement("li", {
   className: "relation-default-cell"
-}, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
+}, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
   href: document.pagePath
-}, label) : /* @__PURE__ */ React41.createElement("span", null, label)), "DefaultCell");
+}, label) : /* @__PURE__ */ React44.createElement("span", null, label)), "DefaultCell");
 var UserCell = /* @__PURE__ */ __name(({ document }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React41.createElement("div", {
+  return /* @__PURE__ */ React44.createElement("div", {
     className: "contents-user user-item"
-  }, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
+  }, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
     className: "user-item-name",
     href: document.pagePath
-  }, document.displayName) : /* @__PURE__ */ React41.createElement("span", {
+  }, document.displayName) : /* @__PURE__ */ React44.createElement("span", {
     className: "user-item-name"
   }, document.displayName));
 }, "UserCell");
 
 // components/cell/CardItemArray.tsx
 init_esm_shims();
-import React42 from "react";
+import React45 from "react";
 var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React42.createElement("ol", {
+  return /* @__PURE__ */ React45.createElement("ol", {
     className: "contents-array"
-  }, value.map((item, index) => /* @__PURE__ */ React42.createElement("li", {
+  }, value.map((item, index) => /* @__PURE__ */ React45.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React42.createElement(Components2.CardItem, {
+  }, /* @__PURE__ */ React45.createElement(Components2.CardItem, {
     value: item,
     typeName: typeof item,
     nestingLevel
@@ -12453,20 +12533,20 @@ var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
 // components/cell/CardItemDate.tsx
 init_esm_shims();
 var import_moment2 = __toESM(require_moment(), 1);
-import React43 from "react";
-var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React43.createElement("span", {
+import React46 from "react";
+var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React46.createElement("span", {
   className: "contents-date"
 }, (0, import_moment2.default)(new Date(value)).format("YYYY/MM/DD, hh:mm")), "CardItemDate");
 
 // components/cell/CardItemDefault.tsx
 init_esm_shims();
-import React44 from "react";
-var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React44.createElement("span", null, value && value.toString()), "CardItemDefault");
+import React47 from "react";
+var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("span", null, value && value.toString()), "CardItemDefault");
 
 // components/cell/CardItemHTML.tsx
 init_esm_shims();
-import React45 from "react";
-var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React45.createElement("div", {
+import React48 from "react";
+var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React48.createElement("div", {
   className: "contents-html",
   dangerouslySetInnerHTML: {
     __html: value
@@ -12475,7 +12555,7 @@ var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React45
 
 // components/cell/CardItemImage.tsx
 init_esm_shims();
-import React46 from "react";
+import React49 from "react";
 var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
   const Components2 = useVulcanComponents();
   const isImage = [
@@ -12486,7 +12566,7 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     ".webp",
     ".jpeg"
   ].indexOf(value.substr(-5)) !== -1;
-  return isImage || force ? /* @__PURE__ */ React46.createElement("img", {
+  return isImage || force ? /* @__PURE__ */ React49.createElement("img", {
     className: "contents-image",
     style: {
       width: "100%",
@@ -12496,24 +12576,24 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     },
     src: value,
     alt: value
-  }) : /* @__PURE__ */ React46.createElement(Components2.CardItemURL, {
+  }) : /* @__PURE__ */ React49.createElement(Components2.CardItemURL, {
     value
   });
 }, "CardItemImage");
 
 // components/cell/CardItemNumber.tsx
 init_esm_shims();
-import React47 from "react";
-var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("code", {
+import React50 from "react";
+var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React50.createElement("code", {
   className: "contents-number"
 }, value.toString()), "CardItemNumber");
 
 // components/cell/CardItemObject.tsx
 init_esm_shims();
-import React48 from "react";
+import React51 from "react";
 import without3 from "lodash/without.js";
-function _extends28() {
-  _extends28 = Object.assign || function(target) {
+function _extends30() {
+  _extends30 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12524,36 +12604,36 @@ function _extends28() {
     }
     return target;
   };
-  return _extends28.apply(this, arguments);
+  return _extends30.apply(this, arguments);
 }
-__name(_extends28, "_extends");
+__name(_extends30, "_extends");
 var CardItemObject = /* @__PURE__ */ __name((props) => {
   const { nestingLevel, value, showExpand } = props;
   const Components2 = useVulcanComponents();
   const showExpandControl = showExpand || nestingLevel > 1;
   if (value.__typename === "User") {
     const user = value;
-    return /* @__PURE__ */ React48.createElement("div", {
+    return /* @__PURE__ */ React51.createElement("div", {
       className: "dashboard-user",
       style: {
         whiteSpace: "nowrap"
       }
-    }, user.pagePath ? /* @__PURE__ */ React48.createElement("a", {
+    }, user.pagePath ? /* @__PURE__ */ React51.createElement("a", {
       href: user.pagePath
-    }, user.displayName) : /* @__PURE__ */ React48.createElement("span", null, user.displayName));
+    }, user.displayName) : /* @__PURE__ */ React51.createElement("span", null, user.displayName));
   } else {
-    return /* @__PURE__ */ React48.createElement("div", {
+    return /* @__PURE__ */ React51.createElement("div", {
       className: "card-item-details"
-    }, showExpandControl ? /* @__PURE__ */ React48.createElement("details", null, /* @__PURE__ */ React48.createElement("summary", null, "Expand"), /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props))) : /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props)));
+    }, showExpandControl ? /* @__PURE__ */ React51.createElement("details", null, /* @__PURE__ */ React51.createElement("summary", null, "Expand"), /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props))) : /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props)));
   }
 }, "CardItemObject");
 var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: object }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React48.createElement("table", {
+  return /* @__PURE__ */ React51.createElement("table", {
     className: "table table-bordered"
-  }, /* @__PURE__ */ React48.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React48.createElement("tr", {
+  }, /* @__PURE__ */ React51.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React51.createElement("tr", {
     key
-  }, /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement("strong", null, key)), /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement(Components2.CardItemSwitcher, {
+  }, /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement("strong", null, key)), /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement(Components2.CardItemSwitcher, {
     nestingLevel,
     value: object[key],
     typeName: typeof object[key]
@@ -12562,9 +12642,9 @@ var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: obje
 
 // components/cell/CardItemRelationHasMany.tsx
 init_esm_shims();
-import React49 from "react";
-function _extends29() {
-  _extends29 = Object.assign || function(target) {
+import React52 from "react";
+function _extends31() {
+  _extends31 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12575,15 +12655,15 @@ function _extends29() {
     }
     return target;
   };
-  return _extends29.apply(this, arguments);
+  return _extends31.apply(this, arguments);
 }
-__name(_extends29, "_extends");
+__name(_extends31, "_extends");
 var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { relatedDocument: relatedDocuments } = _b, rest = __objRest(_b, ["relatedDocument"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React49.createElement("div", {
+  return /* @__PURE__ */ React52.createElement("div", {
     className: "contents-hasmany"
-  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React49.createElement(Components2.CardItemRelationItem, _extends29({
+  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React52.createElement(Components2.CardItemRelationItem, _extends31({
     key: relatedDocument._id,
     relatedDocument
   }, rest))));
@@ -12591,9 +12671,9 @@ var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
 
 // components/cell/CardItemRelationHasOne.tsx
 init_esm_shims();
-import React50 from "react";
-function _extends30() {
-  _extends30 = Object.assign || function(target) {
+import React53 from "react";
+function _extends32() {
+  _extends32 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12604,39 +12684,39 @@ function _extends30() {
     }
     return target;
   };
-  return _extends30.apply(this, arguments);
+  return _extends32.apply(this, arguments);
 }
-__name(_extends30, "_extends");
+__name(_extends32, "_extends");
 var CardItemRelationHasOne = /* @__PURE__ */ __name((_a) => {
   var rest = __objRest(_a, []);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React50.createElement("div", {
+  return /* @__PURE__ */ React53.createElement("div", {
     className: "contents-hasone"
-  }, /* @__PURE__ */ React50.createElement(Components2.CardItemRelationItem, _extends30({}, rest)));
+  }, /* @__PURE__ */ React53.createElement(Components2.CardItemRelationItem, _extends32({}, rest)));
 }, "CardItemRelationHasOne");
 
 // components/cell/CardItemString.tsx
 init_esm_shims();
-import React51 from "react";
-var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React51.createElement("div", {
+import React54 from "react";
+var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React54.createElement("div", {
   className: "contents-string"
-}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React51.createElement("span", {
+}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React54.createElement("span", {
   title: string
-}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React51.createElement("span", null, string)), "CardItemString");
+}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React54.createElement("span", null, string)), "CardItemString");
 
 // components/cell/CardItemURL.tsx
 init_esm_shims();
-import React52 from "react";
+import React55 from "react";
 var CardItemURL = /* @__PURE__ */ __name(({ value, force }) => {
   const Components2 = useVulcanComponents();
-  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React52.createElement("a", {
+  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React55.createElement("a", {
     className: "contents-link",
     href: value,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
+  }, /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
     string: value
-  })) : /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
+  })) : /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
     string: value
   });
 }, "CardItemURL");
@@ -12665,11 +12745,11 @@ var defaultCellComponents = {
 init_esm_shims();
 import { FormattedMessage } from "@vulcanjs/react-i18n";
 
-// components/form/core/Button.tsx
+// components/core/Button.tsx
 init_esm_shims();
-import React53 from "react";
-function _extends31() {
-  _extends31 = Object.assign || function(target) {
+import React56 from "react";
+function _extends33() {
+  _extends33 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12680,27 +12760,27 @@ function _extends31() {
     }
     return target;
   };
-  return _extends31.apply(this, arguments);
+  return _extends33.apply(this, arguments);
 }
-__name(_extends31, "_extends");
+__name(_extends33, "_extends");
 var Button = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React53.createElement("button", _extends31({}, props), children);
+  return /* @__PURE__ */ React56.createElement("button", _extends33({}, props), children);
 }, "Button");
 
-// components/form/core/Loading.tsx
+// components/core/Loading.tsx
 init_esm_shims();
-import React54 from "react";
-var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React54.createElement("span", {
+import React57 from "react";
+var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React57.createElement("span", {
   "aria-live": "polite",
   "aria-busy": "true"
 }, "Loading..."), "Loading");
 
 // components/LoadingButton.tsx
 init_esm_shims();
-import React55 from "react";
-function _extends32() {
-  _extends32 = Object.assign || function(target) {
+import React58 from "react";
+function _extends34() {
+  _extends34 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12711,9 +12791,9 @@ function _extends32() {
     }
     return target;
   };
-  return _extends32.apply(this, arguments);
+  return _extends34.apply(this, arguments);
 }
-__name(_extends32, "_extends");
+__name(_extends34, "_extends");
 var LoadingButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { loading, label, onClick, children, className = "" } = _b, rest = __objRest(_b, ["loading", "label", "onClick", "children", "className"]);
   const Components2 = useVulcanComponents();
@@ -12735,24 +12815,24 @@ var LoadingButton = /* @__PURE__ */ __name((_a) => {
   } : {
     display: "none"
   };
-  return /* @__PURE__ */ React55.createElement(Components2.Button, _extends32({
+  return /* @__PURE__ */ React58.createElement(Components2.Button, _extends34({
     className: `loading-button ${loading ? "loading-button-loading" : "loading-button-notloading"} ${className}`,
     onClick
-  }, rest), /* @__PURE__ */ React55.createElement("span", {
+  }, rest), /* @__PURE__ */ React58.createElement("span", {
     style: wrapperStyle
-  }, /* @__PURE__ */ React55.createElement("span", {
+  }, /* @__PURE__ */ React58.createElement("span", {
     style: labelStyle
-  }, label || children), /* @__PURE__ */ React55.createElement("span", {
+  }, label || children), /* @__PURE__ */ React58.createElement("span", {
     style: loadingStyle
-  }, /* @__PURE__ */ React55.createElement(Components2.Loading, null))));
+  }, /* @__PURE__ */ React58.createElement(Components2.Loading, null))));
 }, "LoadingButton");
 
 // components/MutationButton.tsx
 init_esm_shims();
-import React56, { useState as useState8 } from "react";
+import React59, { useState as useState8 } from "react";
 import { useMutation } from "@apollo/client";
-function _extends33() {
-  _extends33 = Object.assign || function(target) {
+function _extends35() {
+  _extends35 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12763,9 +12843,9 @@ function _extends33() {
     }
     return target;
   };
-  return _extends33.apply(this, arguments);
+  return _extends35.apply(this, arguments);
 }
-__name(_extends33, "_extends");
+__name(_extends35, "_extends");
 var MutationButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const [loading, setLoading] = useState8(false);
@@ -12811,13 +12891,13 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
       setLoading(false);
     }
   }, "handleClick");
-  const loadingButton = /* @__PURE__ */ React56.createElement(Components2.LoadingButton, _extends33({
+  const loadingButton = /* @__PURE__ */ React59.createElement(Components2.LoadingButton, _extends35({
     loading,
     onClick: handleClick,
     label
   }, loadingButtonProps));
   if (error1) {
-    return /* @__PURE__ */ React56.createElement(Components2.TooltipTrigger, {
+    return /* @__PURE__ */ React59.createElement(Components2.TooltipTrigger, {
       trigger: loadingButton,
       defaultShow: true
     }, error1.message.replace("GraphQL error: ", ""));
@@ -12827,7 +12907,7 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
 
 // components/HeadTags.tsx
 init_esm_shims();
-import React57, { PureComponent } from "react";
+import React60, { PureComponent } from "react";
 var HeadTags = class extends PureComponent {
   render() {
     console.warn("HeadTags won't work in Next.js, because Head doesn't support nesting. Define meta directly in your app instead.");
@@ -12839,45 +12919,45 @@ var HeadTags = class extends PureComponent {
       }
       image = siteUrl + image;
     }
-    return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement("title", null, title), /* @__PURE__ */ React57.createElement("meta", {
+    return /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement("title", null, title), /* @__PURE__ */ React60.createElement("meta", {
       charSet: "utf-8"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "viewport",
       content: "width=device-width, initial-scale=1"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:type",
       content: "article"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:url",
       content: url
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:image",
       content: image
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:title",
       content: title
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:card",
       content: "summary"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:image:src",
       content: image
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:title",
       content: title
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("link", {
+    }), /* @__PURE__ */ React60.createElement("link", {
       rel: "canonical",
       href: url
-    }), /* @__PURE__ */ React57.createElement("link", {
+    }), /* @__PURE__ */ React60.createElement("link", {
       rel: "shortcut icon",
       href: faviconUrl || "/favicon.ico"
     }));
@@ -12887,9 +12967,9 @@ __name(HeadTags, "HeadTags");
 
 // components/bootstrap/TooltipTrigger.tsx
 init_esm_shims();
-import React58 from "react";
+import React61 from "react";
 var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
-  return /* @__PURE__ */ React58.createElement("div", {
+  return /* @__PURE__ */ React61.createElement("div", {
     title: children
   }, trigger);
 }, "TooltipTrigger");
@@ -12897,10 +12977,10 @@ var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
 // components/bootstrap/Dropdown.tsx
 init_esm_shims();
 var import_prop_types6 = __toESM(require_prop_types(), 1);
-import React59 from "react";
+import React62 from "react";
 import { Dropdown, DropdownButton } from "react-bootstrap";
-function _extends34() {
-  _extends34 = Object.assign || function(target) {
+function _extends36() {
+  _extends36 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12911,9 +12991,9 @@ function _extends34() {
     }
     return target;
   };
-  return _extends34.apply(this, arguments);
+  return _extends36.apply(this, arguments);
 }
-__name(_extends34, "_extends");
+__name(_extends36, "_extends");
 var DropdownItem = Dropdown.Item;
 var Item = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
@@ -12934,15 +13014,15 @@ var Item = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   let menuComponent;
   if (component) {
-    menuComponent = /* @__PURE__ */ React59.cloneElement(component, componentProps);
+    menuComponent = /* @__PURE__ */ React62.cloneElement(component, componentProps);
   } else if (labelId) {
-    menuComponent = /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
+    menuComponent = /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
       id: labelId
     });
   } else {
-    menuComponent = /* @__PURE__ */ React59.createElement("span", null, label);
+    menuComponent = /* @__PURE__ */ React62.createElement("span", null, label);
   }
-  const item = /* @__PURE__ */ React59.createElement(DropdownItem, _extends34({
+  const item = /* @__PURE__ */ React62.createElement(DropdownItem, _extends36({
     eventKey: index
   }, itemProps, rest), menuComponent);
   return item;
@@ -12958,9 +13038,9 @@ Item.propTypes = {
 };
 var Node = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { childrenItems } = _b, rest = __objRest(_b, ["childrenItems"]);
-  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(Item, _extends34({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React59.createElement("div", {
+  return /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement(Item, _extends36({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React62.createElement("div", {
     className: "menu-node-children"
-  }, childrenItems.map((item, index) => /* @__PURE__ */ React59.createElement(Item, _extends34({
+  }, childrenItems.map((item, index) => /* @__PURE__ */ React62.createElement(Item, _extends36({
     key: index
   }, item)))));
 }, "Node");
@@ -12972,11 +13052,11 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   const menuBody = menuContents ? menuContents : menuItems.map((item, index) => {
     if (item === "divider") {
-      return /* @__PURE__ */ React59.createElement(Dropdown.Divider, {
+      return /* @__PURE__ */ React62.createElement(Dropdown.Divider, {
         key: index
       });
     } else {
-      return /* @__PURE__ */ React59.createElement(Node, _extends34({}, item, {
+      return /* @__PURE__ */ React62.createElement(Node, _extends36({}, item, {
         key: index,
         index
       }));
@@ -12986,10 +13066,10 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
     return menuBody;
   } else {
     if (trigger) {
-      return /* @__PURE__ */ React59.createElement(Dropdown, _extends34({}, dropdownProps), /* @__PURE__ */ React59.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React59.createElement(Dropdown.Menu, null, menuBody));
+      return /* @__PURE__ */ React62.createElement(Dropdown, _extends36({}, dropdownProps), /* @__PURE__ */ React62.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React62.createElement(Dropdown.Menu, null, menuBody));
     } else {
-      return /* @__PURE__ */ React59.createElement(DropdownButton, _extends34({}, buttonProps, {
-        title: labelId ? /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
+      return /* @__PURE__ */ React62.createElement(DropdownButton, _extends36({}, buttonProps, {
+        title: labelId ? /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
           id: labelId
         }) : label
       }, dropdownProps), menuBody);
@@ -13010,10 +13090,10 @@ var Dropdown_default = BootstrapDropdown;
 // components/bootstrap/Modal.tsx
 init_esm_shims();
 var import_prop_types7 = __toESM(require_prop_types(), 1);
-import React60 from "react";
+import React63 from "react";
 import { Modal } from "react-bootstrap";
-function _extends35() {
-  _extends35 = Object.assign || function(target) {
+function _extends37() {
+  _extends37 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13024,29 +13104,29 @@ function _extends35() {
     }
     return target;
   };
-  return _extends35.apply(this, arguments);
+  return _extends37.apply(this, arguments);
 }
-__name(_extends35, "_extends");
+__name(_extends37, "_extends");
 var BootstrapModal = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children, size: size2 = "lg", show = false, onHide, title, showCloseButton = true, header, footer } = _b, rest = __objRest(_b, ["children", "size", "show", "onHide", "title", "showCloseButton", "header", "footer"]);
   let headerComponent;
   if (header) {
-    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, null, header);
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, null, header);
   } else if (title) {
-    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
       closeButton: showCloseButton
-    }, /* @__PURE__ */ React60.createElement(Modal.Title, null, title));
+    }, /* @__PURE__ */ React63.createElement(Modal.Title, null, title));
   } else {
-    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
       closeButton: showCloseButton
     });
   }
-  const footerComponent = footer ? /* @__PURE__ */ React60.createElement(Modal.Footer, null, footer) : null;
-  return /* @__PURE__ */ React60.createElement(Modal, _extends35({
+  const footerComponent = footer ? /* @__PURE__ */ React63.createElement(Modal.Footer, null, footer) : null;
+  return /* @__PURE__ */ React63.createElement(Modal, _extends37({
     size: size2,
     show,
     onHide
-  }, rest), headerComponent, /* @__PURE__ */ React60.createElement(Modal.Body, null, children), footerComponent);
+  }, rest), headerComponent, /* @__PURE__ */ React63.createElement(Modal.Body, null, children), footerComponent);
 }, "BootstrapModal");
 BootstrapModal.propTypes = {
   size: import_prop_types7.default.string,
@@ -13069,9 +13149,9 @@ BootstrapModal.propTypes = {
 
 // components/bootstrap/ModalTrigger.tsx
 init_esm_shims();
-import React61, { useState as useState9 } from "react";
-function _extends36() {
-  _extends36 = Object.assign || function(target) {
+import React64, { useState as useState9 } from "react";
+function _extends38() {
+  _extends38 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13082,9 +13162,9 @@ function _extends36() {
     }
     return target;
   };
-  return _extends36.apply(this, arguments);
+  return _extends38.apply(this, arguments);
 }
-__name(_extends36, "_extends");
+__name(_extends38, "_extends");
 var ModalTrigger = /* @__PURE__ */ __name((props) => {
   const [modalIsOpen, setModalIsOpen] = useState9(false);
   const { onClick, openCallback, closeCallback } = props;
@@ -13110,23 +13190,23 @@ var ModalTrigger = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { trigger, component, children, label, size: size2, className, dialogClassName, title, modalProps, header, footer } = props;
   let triggerComponent = trigger || component;
-  triggerComponent = triggerComponent ? /* @__PURE__ */ React61.createElement("span", {
+  triggerComponent = triggerComponent ? /* @__PURE__ */ React64.createElement("span", {
     onClick: clickHandler
-  }, triggerComponent) : /* @__PURE__ */ React61.createElement(Components2.Button, {
+  }, triggerComponent) : /* @__PURE__ */ React64.createElement(Components2.Button, {
     onClick: clickHandler
   }, label);
-  const childrenComponent = /* @__PURE__ */ React61.cloneElement(children, {
+  const childrenComponent = /* @__PURE__ */ React64.cloneElement(children, {
     closeModal
   });
-  const headerComponent = header && /* @__PURE__ */ React61.cloneElement(header, {
+  const headerComponent = header && /* @__PURE__ */ React64.cloneElement(header, {
     closeModal
   });
-  const footerComponent = footer && /* @__PURE__ */ React61.cloneElement(footer, {
+  const footerComponent = footer && /* @__PURE__ */ React64.cloneElement(footer, {
     closeModal
   });
-  return /* @__PURE__ */ React61.createElement("div", {
+  return /* @__PURE__ */ React64.createElement("div", {
     className: "modal-trigger"
-  }, triggerComponent, /* @__PURE__ */ React61.createElement(Components2.Modal, _extends36({
+  }, triggerComponent, /* @__PURE__ */ React64.createElement(Components2.Modal, _extends38({
     size: size2,
     className,
     show: modalIsOpen,
@@ -13159,8 +13239,8 @@ var defaultVulcanComponents = __spreadValues(__spreadValues(__spreadValues(__spr
 
 // components/VulcanComponents/Provider.tsx
 import { debugVulcan as debugVulcan2 } from "@vulcanjs/utils";
-function _extends37() {
-  _extends37 = Object.assign || function(target) {
+function _extends39() {
+  _extends39 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13171,9 +13251,9 @@ function _extends37() {
     }
     return target;
   };
-  return _extends37.apply(this, arguments);
+  return _extends39.apply(this, arguments);
 }
-__name(_extends37, "_extends");
+__name(_extends39, "_extends");
 var debugComponents = debugVulcan2("components");
 var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
@@ -13191,23 +13271,23 @@ var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
       "useVulcanComponents" from index instead of Consumer.`);
     }
   });
-  return /* @__PURE__ */ React62.createElement(VulcanComponentsContext.Provider, _extends37({
+  return /* @__PURE__ */ React65.createElement(VulcanComponentsContext.Provider, _extends39({
     value: mergedComponents
   }, props));
 }, "VulcanComponentsProvider");
 
 // components/VulcanComponents/typings.ts
 init_esm_shims();
-import React63 from "react";
+import React66 from "react";
 
 // components/VulcanCurrentUser/index.ts
 init_esm_shims();
 
 // components/VulcanCurrentUser/Provider.tsx
 init_esm_shims();
-import React64 from "react";
-function _extends38() {
-  _extends38 = Object.assign || function(target) {
+import React67 from "react";
+function _extends40() {
+  _extends40 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13218,21 +13298,21 @@ function _extends38() {
     }
     return target;
   };
-  return _extends38.apply(this, arguments);
+  return _extends40.apply(this, arguments);
 }
-__name(_extends38, "_extends");
+__name(_extends40, "_extends");
 var VulcanCurrentUserProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
-  return /* @__PURE__ */ React64.createElement(VulcanCurrentUserContext.Provider, _extends38({
+  return /* @__PURE__ */ React67.createElement(VulcanCurrentUserContext.Provider, _extends40({
     value
   }, props));
 }, "VulcanCurrentUserProvider");
 
 // componentsHelpers.tsx
 init_esm_shims();
-import React65 from "react";
-function _extends39() {
-  _extends39 = Object.assign || function(target) {
+import React68 from "react";
+function _extends41() {
+  _extends41 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13243,9 +13323,9 @@ function _extends39() {
     }
     return target;
   };
-  return _extends39.apply(this, arguments);
+  return _extends41.apply(this, arguments);
 }
-__name(_extends39, "_extends");
+__name(_extends41, "_extends");
 var Components = {};
 var ComponentsTable = {};
 var coreComponents = [
@@ -13284,16 +13364,16 @@ var getRawComponent = /* @__PURE__ */ __name((name2) => {
 var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
   if (!component) {
     return null;
-  } else if (/* @__PURE__ */ React65.isValidElement(component)) {
-    return /* @__PURE__ */ React65.cloneElement(component, props);
+  } else if (/* @__PURE__ */ React68.isValidElement(component)) {
+    return /* @__PURE__ */ React68.cloneElement(component, props);
   } else if (typeof component === "function" && component.prototype && component.prototype.isReactComponent) {
     const Component = component;
-    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   } else if (typeof component === "function") {
     return component(props);
   } else if (typeof component === "object" && component.$$typeof && component.render) {
     const Component = component;
-    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   } else {
     return component;
   }
@@ -13301,7 +13381,7 @@ var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
 var delayedComponent = /* @__PURE__ */ __name((name2) => {
   return (props) => {
     const Component = Components[name2] || null;
-    return Component && /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return Component && /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   };
 }, "delayedComponent");
 var mergeWithComponents = /* @__PURE__ */ __name((myComponents) => myComponents ? __spreadValues(__spreadValues({}, Components), myComponents) : Components, "mergeWithComponents");