@firecms/core 3.0.0-canary.279 → 3.0.0-canary.280

package/dist/index.es.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import * as React from "react";
 import React__default, { useRef, useEffect, useContext, useCallback, useMemo, useState, createElement, createRef, createContext, forwardRef, useLayoutEffect, useDeferredValue } from "react";
-import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, Menu, MenuItem, MoreVertIcon, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, LoadingButton, Alert, CheckIcon, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, KeyboardArrowDownIcon, debounce, Sheet, Tab, Tabs, CodeIcon, OpenInFullIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, ListAltIcon, ListIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
+import { getColorSchemeForSeed, CHIP_COLORS, FunctionsIcon, CircleIcon, iconKeys, coolIconKeys, Icon, Tooltip, ErrorIcon, Typography, IconButton, ContentCopyIcon, OpenInNewIcon, DescriptionIcon, cls, Skeleton, Chip, defaultBorderMixin, KeyboardTabIcon, Checkbox, AccountCircleIcon, Markdown, TextareaAutosize, focusedDisabled, MultiSelect, MultiSelectItem, Select, SelectItem, BooleanSwitch, DateTimeField, paperMixin, EditIcon, DoNotDisturbOnIcon, Menu, MenuItem, MoreVertIcon, CircularProgress, SearchBar, Badge, ArrowUpwardIcon, Popover, FilterListIcon, Button, CenteredView, AssignmentIcon, Label, CloseIcon, TextField, BooleanSwitchWithLabel, useOutsideAlerter, Dialog, DialogTitle, DialogContent, DialogActions, FileCopyIcon, DeleteIcon, AddIcon, StarIcon, Collapse, ExpandablePanel, ArrowForwardIcon, Card, cardMixin, cardClickableMixin, Container, LoadingButton, Alert, CheckIcon, NotesIcon, InfoIcon, fieldBackgroundMixin, RemoveIcon, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, ArrowDropDownIcon, FilterListOffIcon, SearchIcon, Avatar, DarkModeIcon, LightModeIcon, BrightnessMediumIcon, LogoutIcon, HandleIcon, KeyboardArrowUpIcon, KeyboardArrowDownIcon, debounce, Sheet, Tab, Tabs, CodeIcon, OpenInFullIcon, ViewStreamIcon, RepeatIcon, BallotIcon, ScheduleIcon, AddLinkIcon, LinkIcon, DriveFolderUploadIcon, UploadFileIcon, FormatListNumberedIcon, NumbersIcon, PersonIcon, ListAltIcon, ListIcon, FlagIcon, MailIcon, HttpIcon, FormatQuoteIcon, SubjectIcon, ShortTextIcon, MenuIcon, ChevronLeftIcon } from "@firecms/ui";
 import { SnackbarProvider as SnackbarProvider$1, useSnackbar } from "notistack";
 import hash from "object-hash";
 import { getIn, useFormex, setIn, useCreateFormex, Formex, Field } from "@firecms/formex";
@@ -522,7 +522,7 @@ function sanitizeData(values, properties) {
   return result;
 }
 function getReferenceFrom(entity) {
-  return new EntityReference(entity.id, entity.path);
+  return new EntityReference(entity.id, entity.path, entity.databaseId);
 }
 function traverseValuesProperties(inputValues, properties, operation) {
   const updatedValues = Object.entries(properties).map(([key, property]) => {
@@ -4073,6 +4073,10 @@ const AnalyticsContext = React__default.createContext({});
 const useAnalyticsController = () => {
   return useContext(AnalyticsContext);
 };
+const InternalUserManagementContext = React__default.createContext({});
+const useInternalUserManagementController = () => {
+  return useContext(InternalUserManagementContext);
+};
 const useFireCMSContext = () => {
   const authController = useAuthController();
   const sideDialogsController = useSideDialogsController();
@@ -4085,6 +4089,7 @@ const useFireCMSContext = () => {
   const dialogsController = useDialogsController();
   const customizationController = useCustomizationController();
   const analyticsController = useAnalyticsController();
+  const userManagement = useInternalUserManagementController();
   const fireCMSContextRef = React__default.useRef({
     authController,
     sideDialogsController,
@@ -4096,7 +4101,8 @@ const useFireCMSContext = () => {
     userConfigPersistence,
     dialogsController,
     customizationController,
-    analyticsController
+    analyticsController,
+    userManagement
   });
   useEffect(() => {
     fireCMSContextRef.current = {
@@ -4110,7 +4116,8 @@ const useFireCMSContext = () => {
       userConfigPersistence,
       dialogsController,
       customizationController,
-      analyticsController
+      analyticsController,
+      userManagement
     };
   }, [authController, dialogsController, navigation, sideDialogsController]);
   return fireCMSContextRef.current;
@@ -4171,7 +4178,7 @@ function useCollectionFetch(t0) {
         }
         setDataLoading(false);
         setDataLoadingError(void 0);
-        setData(entities.map(_temp$r));
+        setData(entities.map(_temp$t));
         setNoMoreToLoad(!itemCount || entities.length < itemCount);
       };
       const onError = (error) => {
@@ -4204,7 +4211,7 @@ function useCollectionFetch(t0) {
           orderBy: sortByProperty,
           order: currentSort
         }).then(onEntitiesUpdate).catch(onError);
-        return _temp2$d;
+        return _temp2$e;
       }
     };
     $[4] = collection;
@@ -4252,9 +4259,9 @@ function useCollectionFetch(t0) {
   }
   return t5;
 }
-function _temp2$d() {
+function _temp2$e() {
 }
-function _temp$r(e_0) {
+function _temp$t(e_0) {
   return {
     ...e_0
   };
@@ -4319,7 +4326,7 @@ function useEntityFetch(t0) {
         setEntity(CACHE[`${path}/${entityId}`]);
         setDataLoading(false);
         setDataLoadingError(void 0);
-        return _temp$q;
+        return _temp$s;
       } else {
         if (entityId && path && collection) {
           if (dataSource.listenEntity) {
@@ -4338,7 +4345,7 @@ function useEntityFetch(t0) {
               databaseId,
               collection
             }).then(onEntityUpdate).catch(onError);
-            return _temp2$c;
+            return _temp2$d;
           }
         } else {
           onEntityUpdate(void 0);
@@ -4385,9 +4392,9 @@ function useEntityFetch(t0) {
 }
 function _temp3$4() {
 }
-function _temp2$c() {
+function _temp2$d() {
 }
-function _temp$q() {
+function _temp$s() {
 }
 async function saveEntityWithCallbacks({
   collection,
@@ -5014,7 +5021,7 @@ function ImagePreview(t0) {
   }
   let t9;
   if ($[16] !== url) {
-    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$p, children: t8 }) });
+    t9 = /* @__PURE__ */ jsx(Tooltip, { title: "Open image in new tab", side: "bottom", children: /* @__PURE__ */ jsx(IconButton, { className: "invisible group-hover:visible", variant: "filled", component: "a", href: url, rel: "noopener noreferrer", target: "_blank", size: "smallest", onClick: _temp$r, children: t8 }) });
     $[16] = url;
     $[17] = t9;
   } else {
@@ -5048,7 +5055,7 @@ function ImagePreview(t0) {
   }
   return t11;
 }
-function _temp$p(e_0) {
+function _temp$r(e_0) {
   return e_0.stopPropagation();
 }
 function UrlComponentPreview(t0) {
@@ -5081,7 +5088,7 @@ function UrlComponentPreview(t0) {
     }
     let t3;
     if ($[2] !== url) {
-      t3 = /* @__PURE__ */ jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$o, target: "_blank", children: [
+      t3 = /* @__PURE__ */ jsxs("a", { className: "flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary", href: url, rel: "noopener noreferrer", onMouseDown: _temp$q, target: "_blank", children: [
         t2,
         url
       ] });
@@ -5184,7 +5191,7 @@ function UrlComponentPreview(t0) {
         }
         let t7;
         if ($[24] !== t4 || $[25] !== t6 || $[26] !== url) {
-          t7 = /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$b, className: "flex flex-col items-center justify-center", style: t4, children: [
+          t7 = /* @__PURE__ */ jsxs("a", { href: url, rel: "noopener noreferrer", target: "_blank", onClick: _temp2$c, className: "flex flex-col items-center justify-center", style: t4, children: [
             t5,
             t6
           ] });
@@ -5209,10 +5216,10 @@ function UrlComponentPreview(t0) {
     }
   }
 }
-function _temp2$b(e_0) {
+function _temp2$c(e_0) {
   return e_0.stopPropagation();
 }
-function _temp$o(e) {
+function _temp$q(e) {
   e.preventDefault();
 }
 function VideoPreview(t0) {
@@ -5346,7 +5353,7 @@ function SkeletonPropertyComponent(t0) {
         if (Array.isArray(arrayProperty.of)) {
           let t1;
           if ($[6] !== arrayProperty.of) {
-            t1 = arrayProperty.of.map(_temp$n);
+            t1 = arrayProperty.of.map(_temp$p);
             $[6] = arrayProperty.of;
             $[7] = t1;
           } else {
@@ -5484,7 +5491,7 @@ function SkeletonPropertyComponent(t0) {
   }
   return content || null;
 }
-function _temp$n(p, i) {
+function _temp$p(p, i) {
   return renderGenericArrayCell(p, i);
 }
 function renderMap(property, size) {
@@ -6667,7 +6674,7 @@ function KeyValuePreview(t0) {
   }
   let t1;
   if ($[1] !== value) {
-    t1 = Object.entries(value).map(_temp$m);
+    t1 = Object.entries(value).map(_temp$o);
     $[1] = value;
     $[2] = t1;
   } else {
@@ -6683,7 +6690,7 @@ function KeyValuePreview(t0) {
   }
   return t2;
 }
-function _temp$m(t0) {
+function _temp$o(t0) {
   const [key, childValue] = t0;
   return /* @__PURE__ */ jsxs("div", { className: cls(defaultBorderMixin, "last:border-b-0 border-b"), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-row pt-0.5 pb-0.5 gap-2", children: [
@@ -6816,6 +6823,120 @@ function NumberPropertyPreview(t0) {
     return t1;
   }
 }
+function UserDisplay(t0) {
+  const $ = c(18);
+  const {
+    user
+  } = t0;
+  if (!user) {
+    let t12;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsx("span", { className: "text-text-secondary dark:text-text-secondary-dark", children: "Select a user" });
+      $[0] = t12;
+    } else {
+      t12 = $[0];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", defaultBorderMixin);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== user.displayName || $[3] !== user.email || $[4] !== user.photoURL) {
+    t2 = user.photoURL ? /* @__PURE__ */ jsx("img", { src: user.photoURL, alt: user.displayName || user.email || "User", className: cls("rounded-full object-cover", "w-6 h-6") }) : /* @__PURE__ */ jsx(AccountCircleIcon, { className: cls("text-text-secondary dark:text-text-secondary-dark", "w-6 h-6") });
+    $[2] = user.displayName;
+    $[3] = user.email;
+    $[4] = user.photoURL;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = cls("font-regular truncate", "text-sm");
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = user.displayName || user.email || "-";
+  let t5;
+  if ($[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("span", { className: t3, children: t4 });
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== user.displayName || $[10] !== user.email) {
+    t6 = user.displayName && user.email && /* @__PURE__ */ jsx("span", { className: cls("text-text-secondary dark:text-text-secondary-dark truncate", "text-xs"), children: user.email });
+    $[9] = user.displayName;
+    $[10] = user.email;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== t5 || $[13] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+      t5,
+      t6
+    ] });
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t2 || $[16] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t7
+    ] });
+    $[15] = t2;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
+}
+function UserPreview(t0) {
+  const $ = c(5);
+  const {
+    value
+  } = t0;
+  const {
+    getUser
+  } = useInternalUserManagementController();
+  if (!value) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== getUser || $[1] !== value) {
+    t1 = getUser(value);
+    $[0] = getUser;
+    $[1] = value;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const user = t1;
+  let t2;
+  if ($[3] !== user) {
+    t2 = /* @__PURE__ */ jsx(UserDisplay, { user });
+    $[3] = user;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
 const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
   const $ = c(31);
   const authController = useAuthController();
@@ -6916,21 +7037,25 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
                     }
                     content = t02;
                   } else {
-                    if (stringProperty.reference) {
-                      if (typeof stringProperty.reference.path === "string") {
-                        content = /* @__PURE__ */ jsx(ReferencePreview, { disabled: !stringProperty.reference.path, previewProperties: stringProperty.reference.previewProperties, includeId: stringProperty.reference.includeId, includeEntityLink: stringProperty.reference.includeEntityLink, size: props.size, reference: new EntityReference(value, stringProperty.reference.path) });
-                      } else {
-                        let t02;
-                        if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-                          t02 = /* @__PURE__ */ jsx(EmptyValue, {});
-                          $[23] = t02;
+                    if (stringProperty.userSelect) {
+                      content = /* @__PURE__ */ jsx(UserPreview, { value, property: stringProperty, propertyKey, size: props.size });
+                    } else {
+                      if (stringProperty.reference) {
+                        if (typeof stringProperty.reference.path === "string") {
+                          content = /* @__PURE__ */ jsx(ReferencePreview, { disabled: !stringProperty.reference.path, previewProperties: stringProperty.reference.previewProperties, includeId: stringProperty.reference.includeId, includeEntityLink: stringProperty.reference.includeEntityLink, size: props.size, reference: new EntityReference(value, stringProperty.reference.path) });
                         } else {
-                          t02 = $[23];
+                          let t02;
+                          if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+                            t02 = /* @__PURE__ */ jsx(EmptyValue, {});
+                            $[23] = t02;
+                          } else {
+                            t02 = $[23];
+                          }
+                          content = t02;
                         }
-                        content = t02;
+                      } else {
+                        content = /* @__PURE__ */ jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                       }
-                    } else {
-                      content = /* @__PURE__ */ jsx(StringPropertyPreview, { ...props, property: stringProperty, value });
                     }
                   }
                 }
@@ -7451,7 +7576,7 @@ function VirtualTableSelect(props) {
       console.trace("onChange");
       if (valueType === "number") {
         if (multiple) {
-          const newValue = updatedValue.map(_temp$l);
+          const newValue = updatedValue.map(_temp$n);
           updateValue(newValue);
         } else {
           updateValue(parseFloat(updatedValue));
@@ -7488,7 +7613,7 @@ function VirtualTableSelect(props) {
   const renderValue = t3;
   let t4;
   if ($[10] !== disabled || $[11] !== enumValues || $[12] !== internalValue || $[13] !== multiple || $[14] !== onChange || $[15] !== renderValue || $[16] !== small || $[17] !== validValue) {
-    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$a) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
+    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue.map(_temp2$b) : [], onValueChange: onChange, children: enumValues?.map((enumConfig) => /* @__PURE__ */ jsx(MultiSelectItem, { value: String(enumConfig.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig.id)) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue?.toString() : "", onValueChange: onChange, renderValue, children: enumValues?.map((enumConfig_0) => /* @__PURE__ */ jsx(SelectItem, { value: String(enumConfig_0.id), children: /* @__PURE__ */ jsx(EnumValuesChip, { enumKey: enumConfig_0.id, enumValues, size: small ? "small" : "medium" }) }, enumConfig_0.id)) });
     $[10] = disabled;
     $[11] = enumValues;
     $[12] = internalValue;
@@ -7503,10 +7628,10 @@ function VirtualTableSelect(props) {
   }
   return t4;
 }
-function _temp2$a(v_0) {
+function _temp2$b(v_0) {
   return v_0.toString();
 }
-function _temp$l(v) {
+function _temp$n(v) {
   return parseFloat(v);
 }
 function VirtualTableNumberInput(props) {
@@ -7637,6 +7762,89 @@ function VirtualTableDateField(props) {
   }
   return t4;
 }
+function VirtualTableUserSelect(props) {
+  const $ = c(15);
+  const {
+    internalValue,
+    disabled,
+    focused,
+    updateValue,
+    multiple
+  } = props;
+  const {
+    users,
+    getUser
+  } = useInternalUserManagementController();
+  const validValue = Array.isArray(internalValue) && multiple || !Array.isArray(internalValue) && !multiple;
+  const ref = React__default.useRef(null);
+  let t0;
+  let t1;
+  if ($[0] !== focused) {
+    t0 = () => {
+      if (ref.current && focused) {
+        ref.current?.focus({
+          preventScroll: true
+        });
+      }
+    };
+    t1 = [focused, ref];
+    $[0] = focused;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[3] !== updateValue) {
+    t2 = (updatedValue) => {
+      if (!updatedValue) {
+        updateValue(null);
+      } else {
+        updateValue(updatedValue);
+      }
+    };
+    $[3] = updateValue;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const onChange = t2;
+  let t3;
+  if ($[5] !== getUser) {
+    t3 = (userId) => {
+      const user = getUser(userId);
+      return /* @__PURE__ */ jsx(UserDisplay, { user });
+    };
+    $[5] = getUser;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const renderValue = t3;
+  let t4;
+  if ($[7] !== disabled || $[8] !== internalValue || $[9] !== multiple || $[10] !== onChange || $[11] !== renderValue || $[12] !== users || $[13] !== validValue) {
+    t4 = multiple ? /* @__PURE__ */ jsx(MultiSelect, { inputRef: ref, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, includeClear: false, useChips: false, value: validValue ? internalValue : [], onValueChange: onChange, children: users?.map(_temp$m) }) : /* @__PURE__ */ jsx(Select, { inputRef: ref, size: "large", fullWidth: true, className: "w-full h-full p-0 bg-transparent", position: "item-aligned", disabled, padding: false, value: validValue ? internalValue : "", onValueChange: onChange, renderValue, children: users?.map(_temp2$a) });
+    $[7] = disabled;
+    $[8] = internalValue;
+    $[9] = multiple;
+    $[10] = onChange;
+    $[11] = renderValue;
+    $[12] = users;
+    $[13] = validValue;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
+}
+function _temp2$a(user_1) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: user_1.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_1 }) }, user_1.uid);
+}
+function _temp$m(user_0) {
+  return /* @__PURE__ */ jsx(MultiSelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+}
 class ErrorBoundary extends React__default.Component {
   constructor(props) {
     super(props);
@@ -8065,7 +8273,7 @@ function StorageUpload$1(t0) {
   const snackbarContext = useSnackbarController();
   let t1;
   if ($[0] !== storage.acceptedFiles) {
-    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$k).reduce(_temp2$9, {}) : void 0;
+    t1 = storage.acceptedFiles ? storage.acceptedFiles.map(_temp$l).reduce(_temp2$9, {}) : void 0;
     $[0] = storage.acceptedFiles;
     $[1] = t1;
   } else {
@@ -8294,7 +8502,7 @@ function _temp2$9(a, b) {
     ...b
   };
 }
-function _temp$k(e) {
+function _temp$l(e) {
   return {
     [e]: []
   };
@@ -8401,7 +8609,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   let t1;
   if ($[2] !== updateValue) {
     t1 = (entities) => {
-      updateValue(entities.map(_temp$j));
+      updateValue(entities.map(_temp$k));
     };
     $[2] = updateValue;
     $[3] = t1;
@@ -8562,7 +8770,7 @@ const TableReferenceFieldInternal = React__default.memo(function TableReferenceF
   }
   return t10;
 }, equal);
-function _temp$j(e) {
+function _temp$k(e) {
   return getReferenceFrom(e);
 }
 function _temp2$8(ref) {
@@ -9424,6 +9632,9 @@ const PropertyTableCell = React__default.memo(function PropertyTableCell2({
       if (stringProperty_0.enumValues) {
         innerComponent = /* @__PURE__ */ jsx(VirtualTableSelect, { name: propertyKey, multiple: false, focused: selected, disabled, valueType: "string", small: getPreviewSizeFrom(size) !== "medium", enumValues: stringProperty_0.enumValues, error: validationError ?? error, internalValue, updateValue });
         fullHeight = true;
+      } else if (stringProperty_0.userSelect) {
+        innerComponent = /* @__PURE__ */ jsx(VirtualTableUserSelect, { name: propertyKey, multiple: false, focused: selected, disabled, small: getPreviewSizeFrom(size) !== "medium", error: validationError ?? error, internalValue, updateValue });
+        fullHeight = true;
       } else if (stringProperty_0.markdown || !stringProperty_0.storage || !stringProperty_0.reference) {
         const multiline = Boolean(stringProperty_0.multiline) || Boolean(stringProperty_0.markdown);
         innerComponent = /* @__PURE__ */ jsx(VirtualTableInput, { error: validationError ?? error, disabled, multiline, focused: selected, value: internalValue, updateValue });
@@ -9488,7 +9699,8 @@ function customReplacer(key) {
     return {
       __type: "EntityReference",
       id: value.id,
-      path: value.path
+      path: value.path,
+      databaseId: value.databaseId
     };
   }
   if (value instanceof GeoPoint) {
@@ -9512,7 +9724,7 @@ function customReviver(key, value) {
       case "Date":
         return new Date(value.value);
       case "EntityReference":
-        return new EntityReference(value.id, value.path);
+        return new EntityReference(value.id, value.path, value.databaseId);
       case "GeoPoint":
         return new GeoPoint(value.latitude, value.longitude);
       case "Vector":
@@ -9724,7 +9936,7 @@ function CollectionTableToolbar(t0) {
   }
   let t6;
   if ($[6] !== t3 || $[7] !== t4) {
-    t6 = /* @__PURE__ */ jsx(Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsx(Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$i, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx(Tooltip, { title: "Table row size", side: "right", sideOffset: 4, children: /* @__PURE__ */ jsx(Select, { value: t3, className: "w-16 ml-2", size: "small", onValueChange: t4, renderValue: _temp$j, children: t5 }) });
     $[6] = t3;
     $[7] = t4;
     $[8] = t6;
@@ -9811,7 +10023,7 @@ function CollectionTableToolbar(t0) {
 function _temp2$7(size_0) {
   return /* @__PURE__ */ jsx(SelectItem, { value: size_0, className: "w-12 font-medium text-center", children: size_0.toUpperCase() }, size_0);
 }
-function _temp$i(v_0) {
+function _temp$j(v_0) {
   return /* @__PURE__ */ jsx("div", { className: "font-medium", children: v_0.toUpperCase() });
 }
 function getTableCellAlignment(property) {
@@ -10925,7 +11137,7 @@ const SafeLinkRenderer = (t0) => {
   let t1;
   if ($[0] !== text) {
     const urlRegex = /https?:\/\/[^\s]+/g;
-    t1 = text.replace(urlRegex, _temp$h);
+    t1 = text.replace(urlRegex, _temp$i);
     $[0] = text;
     $[1] = t1;
   } else {
@@ -10944,7 +11156,7 @@ const SafeLinkRenderer = (t0) => {
   }
   return t2;
 };
-function _temp$h(url) {
+function _temp$i(url) {
   return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
 }
 const operationLabels$2 = {
@@ -11152,7 +11364,7 @@ function StringNumberFilterField(t0) {
   }
   let t6;
   if ($[16] !== operation || $[17] !== t4 || $[18] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$g, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, fullWidth: true, position: "item-aligned", onValueChange: t4, renderValue: _temp$h, children: t5 }) });
     $[16] = operation;
     $[17] = t4;
     $[18] = t5;
@@ -11276,7 +11488,7 @@ function _temp3$3(e_1) {
 function _temp2$6(op_1) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_1, children: operationLabels$1[op_1] }, op_1);
 }
-function _temp$g(op_0) {
+function _temp$h(op_0) {
   return operationLabels$1[op_0];
 }
 function BooleanFilterField(t0) {
@@ -11415,7 +11627,7 @@ function DateTimeFilterField(t0) {
   }
   let t6;
   if ($[13] !== operation || $[14] !== t4 || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$f, children: t5 }) });
+    t6 = /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(Select, { value: operation, size: "large", fullWidth: true, onValueChange: t4, renderValue: _temp$g, children: t5 }) });
     $[13] = operation;
     $[14] = t4;
     $[15] = t5;
@@ -11504,7 +11716,7 @@ function DateTimeFilterField(t0) {
 function _temp2$5(op_1) {
   return /* @__PURE__ */ jsx(SelectItem, { value: op_1, children: operationLabels[op_1] }, op_1);
 }
-function _temp$f(op_0) {
+function _temp$g(op_0) {
   return operationLabels[op_0];
 }
 const SelectableTable = function SelectableTable2({
@@ -12208,7 +12420,7 @@ function useTableSearchHelper(t0) {
     const searchBlocked = t12;
     let t2;
     if ($[15] !== customizationController.plugins || $[16] !== dataSource?.initTextSearch) {
-      t2 = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$e);
+      t2 = Boolean(dataSource?.initTextSearch) || customizationController.plugins?.find(_temp$f);
       $[15] = customizationController.plugins;
       $[16] = dataSource?.initTextSearch;
       $[17] = t2;
@@ -12300,7 +12512,7 @@ function useTableSearchHelper(t0) {
   }
   return t1;
 }
-function _temp$e(p_0) {
+function _temp$f(p_0) {
   return Boolean(p_0.collectionView?.onTextSearchClick);
 }
 function DeleteEntityDialog({
@@ -12893,7 +13105,7 @@ function FavouritesView(t0) {
     T0 = Collapse;
     t4 = favouriteCollections.length > 0;
     t2 = "flex flex-row flex-wrap gap-2 pb-2 min-h-[32px]";
-    t3 = favouriteCollections.map(_temp$d);
+    t3 = favouriteCollections.map(_temp$e);
     $[2] = navigationController;
     $[3] = t1;
     $[4] = T0;
@@ -12927,7 +13139,7 @@ function FavouritesView(t0) {
   }
   return t6;
 }
-function _temp$d(entry_0) {
+function _temp$e(entry_0) {
   return /* @__PURE__ */ jsx(NavigationChip, { entry: entry_0 }, entry_0.path);
 }
 const scrollsMap = {};
@@ -13144,7 +13356,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   let t4;
   if ($[4] !== actions) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: _temp$c, children: actions });
+    t4 = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: _temp$d, children: actions });
     $[4] = actions;
     $[5] = t4;
   } else {
@@ -13231,7 +13443,7 @@ const NavigationCard = React__default.memo(function NavigationCard2(t0) {
   }
   return t12;
 });
-function _temp$c(event) {
+function _temp$d(event) {
   event.preventDefault();
   event.stopPropagation();
 }
@@ -16105,7 +16317,7 @@ function StorageItemPreview(t0) {
   }
   let t5;
   if ($[14] !== placeholder) {
-    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$b, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
+    t5 = placeholder && /* @__PURE__ */ jsx("div", { onClick: _temp$c, className: "flex flex-col items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx(DescriptionIcon, { className: "text-surface-700 dark:text-surface-300" }) });
     $[14] = placeholder;
     $[15] = t5;
   } else {
@@ -16128,7 +16340,7 @@ function StorageItemPreview(t0) {
   }
   return t6;
 }
-function _temp$b(e) {
+function _temp$c(e) {
   return e.stopPropagation();
 }
 const dropZoneClasses = "box-border relative pt-[2px] items-center border border-transparent min-h-[254px] outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid";
@@ -16346,7 +16558,7 @@ function SortableStorageItem(t0) {
     t4 = $[7];
   }
   const style = t4;
-  const getImageSizeNumber = _temp$a;
+  const getImageSizeNumber = _temp$b;
   let child;
   if (entry.storagePathOrDownloadUrl) {
     const t52 = `storage_preview_${entry.storagePathOrDownloadUrl}`;
@@ -16421,7 +16633,7 @@ function SortableStorageItem(t0) {
   }
   return t6;
 }
-function _temp$a(previewSize) {
+function _temp$b(previewSize) {
   switch (previewSize) {
     case "small": {
       return 40;
@@ -17877,7 +18089,7 @@ function MapFieldBinding(t0) {
     } else {
       t42 = $[20];
     }
-    t3 = Object.entries(mapProperties).filter(_temp$9).map(t42);
+    t3 = Object.entries(mapProperties).filter(_temp$a).map(t42);
     $[6] = autoFocus;
     $[7] = context;
     $[8] = disabled;
@@ -17947,7 +18159,7 @@ function MapFieldBinding(t0) {
   }
   return t10;
 }
-function _temp$9(t0) {
+function _temp$a(t0) {
   const [, property_0] = t0;
   return !isHidden(property_0);
 }
@@ -19017,7 +19229,7 @@ function BlockEntry(t0) {
   const property = t4;
   let t5;
   if ($[9] !== properties) {
-    t5 = Object.entries(properties).map(_temp$8);
+    t5 = Object.entries(properties).map(_temp$9);
     $[9] = properties;
     $[10] = t5;
   } else {
@@ -19108,7 +19320,7 @@ function BlockEntry(t0) {
   }
   return t11;
 }
-function _temp$8(t0) {
+function _temp$9(t0) {
   const [key, property_0] = t0;
   return {
     id: key,
@@ -20765,7 +20977,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   }
   let t7;
   if ($[18] !== breadcrumbs.breadcrumbs) {
-    t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$7) }) });
+    t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$8) }) });
     $[18] = breadcrumbs.breadcrumbs;
     $[19] = t7;
   } else {
@@ -20877,7 +21089,7 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
   }
   return t14;
 };
-function _temp$7(breadcrumb, index) {
+function _temp$8(breadcrumb, index) {
   return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "/" }),
     /* @__PURE__ */ jsx(Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: breadcrumb.url, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: breadcrumb.title }) }, index)
@@ -21311,7 +21523,7 @@ function SearchIconsView(t0) {
       } else {
         const searchResult = iconsSearch.search(value);
         const limited = searchResult.slice(0, 50);
-        setKeys(limited.map(_temp$6));
+        setKeys(limited.map(_temp$7));
       }
     }, UPDATE_SEARCH_INDEX_WAIT_MS);
     $[0] = t3;
@@ -21378,7 +21590,7 @@ function SearchIconsView(t0) {
   }
   return t8;
 }
-function _temp$6(e) {
+function _temp$7(e) {
   return e.item.key;
 }
 function FieldCaption(t0) {
@@ -22004,7 +22216,7 @@ function useBuildLocalConfigurationPersistence() {
     t0 = $[0];
   }
   const configCache = useRef(t0);
-  const getCollectionFromStorage = _temp$5;
+  const getCollectionFromStorage = _temp$6;
   let t1;
   if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = (path) => {
@@ -22127,7 +22339,7 @@ function useBuildLocalConfigurationPersistence() {
   }
   return t11;
 }
-function _temp$5(storageKey) {
+function _temp$6(storageKey) {
   const item = localStorage.getItem(storageKey);
   return item ? JSON.parse(item) : {};
 }
@@ -23462,7 +23674,7 @@ function useBuildSideDialogsController() {
     t3 = () => {
       const state = location.state;
       const panelKeys = state?.panels ?? [];
-      const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$4);
+      const newPanels_0 = panelKeys.map((key) => routesStore.current[key]).filter(_temp$5);
       if (!equal(sidePanelsRef.current.map(_temp2$3), newPanels_0.map(_temp3$1))) {
         updateSidePanels(newPanels_0);
       }
@@ -23610,7 +23822,7 @@ function _temp3$1(p_1) {
 function _temp2$3(p_0) {
   return p_0.key;
 }
-function _temp$4(p) {
+function _temp$5(p) {
   return Boolean(p);
 }
 function useBuildDataSource({
@@ -23905,7 +24117,7 @@ function useProjectLog(t0) {
   const dataSourceKey = dataSourceDelegate.key;
   let t1;
   if ($[0] !== plugins) {
-    t1 = plugins?.map(_temp$3);
+    t1 = plugins?.map(_temp$4);
     $[0] = plugins;
     $[1] = t1;
   } else {
@@ -23941,7 +24153,7 @@ function useProjectLog(t0) {
   useEffect(t2, t3);
   return accessResponse;
 }
-function _temp$3(plugin) {
+function _temp$4(plugin) {
   return plugin.key;
 }
 function FireCMS(props) {
@@ -23954,22 +24166,27 @@ function FireCMS(props) {
     authController,
     storageSource,
     dataSourceDelegate,
-    plugins: pluginsProp,
+    plugins: _pluginsProp,
     onAnalyticsEvent,
     propertyConfigs,
     entityViews,
     entityActions,
     components,
     navigationController,
-    apiKey
+    apiKey,
+    userManagement: _userManagement
   } = props;
-  if (pluginsProp) {
+  if (_pluginsProp) {
     console.warn("The `plugins` prop is deprecated in the FireCMS component. You should pass your plugins to `useBuildNavigationController` instead.");
   }
-  const plugins = navigationController.plugins ?? pluginsProp;
+  const plugins = navigationController.plugins ?? _pluginsProp;
+  const userManagement = plugins?.find((p) => p.userManagement)?.userManagement ?? _userManagement ?? {
+    users: [],
+    getUser: (uid) => null
+  };
   const sideDialogsController = useBuildSideDialogsController();
   const sideEntityController = useBuildSideEntityController(navigationController, sideDialogsController, authController);
-  const pluginsLoading = plugins?.some((p) => p.loading) ?? false;
+  const pluginsLoading = plugins?.some((p_0) => p_0.loading) ?? false;
   const loading = authController.initialLoading || navigationController.loading || pluginsLoading;
   const customizationController = {
     dateTimeFormat,
@@ -24016,7 +24233,7 @@ function FireCMS(props) {
       accessResponse?.message && /* @__PURE__ */ jsx(Typography, { children: accessResponse?.message })
     ] });
   }
-  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value: analyticsController, children: /* @__PURE__ */ jsx(CustomizationControllerContext.Provider, { value: customizationController, children: /* @__PURE__ */ jsx(UserConfigurationPersistenceContext.Provider, { value: userConfigPersistence, children: /* @__PURE__ */ jsx(StorageSourceContext.Provider, { value: storageSource, children: /* @__PURE__ */ jsx(DataSourceContext.Provider, { value: dataSource, children: /* @__PURE__ */ jsx(AuthControllerContext.Provider, { value: authController, children: /* @__PURE__ */ jsx(SideDialogsControllerContext.Provider, { value: sideDialogsController, children: /* @__PURE__ */ jsx(SideEntityControllerContext.Provider, { value: sideEntityController, children: /* @__PURE__ */ jsx(NavigationContext.Provider, { value: navigationController, children: /* @__PURE__ */ jsx(InternalUserManagementContext.Provider, { value: userManagement, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BreadcrumbsProvider, { children: /* @__PURE__ */ jsx(FireCMSInternal, { loading, children }) }) }) }) }) }) }) }) }) }) }) }) });
 }
 function FireCMSInternal(t0) {
   const $ = c(7);
@@ -24186,7 +24403,7 @@ function DefaultDrawer(t0) {
   } = navigation.topLevelNavigation;
   let t1;
   if ($[0] !== adminMenuOpen || $[1] !== analyticsController || $[2] !== className || $[3] !== closeDrawer || $[4] !== drawerOpen || $[5] !== groups || $[6] !== largeLayout || $[7] !== logo || $[8] !== navigate || $[9] !== navigationEntries || $[10] !== style || $[11] !== tooltipsOpen) {
-    const adminViews = navigationEntries.filter(_temp$2) ?? [];
+    const adminViews = navigationEntries.filter(_temp$3) ?? [];
     let t2;
     let t3;
     let t4;
@@ -24339,7 +24556,7 @@ function DefaultDrawer(t0) {
 function _temp2$2(g) {
   return g !== "Admin";
 }
-function _temp$2(e) {
+function _temp$3(e) {
   return e.type === "admin";
 }
 function DrawerLogo(t0) {
@@ -24399,6 +24616,165 @@ function DrawerLogo(t0) {
   }
   return t6;
 }
+function UserSelectFieldBinding(t0) {
+  const $ = c(43);
+  const {
+    propertyKey,
+    value,
+    setValue,
+    error,
+    showError,
+    disabled,
+    property,
+    includeDescription,
+    size: t1
+  } = t0;
+  const size = t1 === void 0 ? "large" : t1;
+  const {
+    users,
+    getUser
+  } = useInternalUserManagementController();
+  let t2;
+  if ($[0] !== setValue) {
+    t2 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setValue(null);
+    };
+    $[0] = setValue;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const handleClearClick = t2;
+  let t3;
+  if ($[2] !== value) {
+    t3 = value !== void 0 && value != null ? value.toString() : "";
+    $[2] = value;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = cls("w-full");
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== property) {
+    t5 = getIconForProperty(property, "small");
+    $[5] = property;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const t6 = property.validation?.required;
+  let t7;
+  if ($[7] !== property.name || $[8] !== t5 || $[9] !== t6) {
+    t7 = /* @__PURE__ */ jsx(LabelWithIcon, { icon: t5, required: t6, title: property.name, className: "h-8 text-text-secondary dark:text-text-secondary-dark ml-3.5 my-0" });
+    $[7] = property.name;
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== propertyKey || $[12] !== t7) {
+    t8 = /* @__PURE__ */ jsx(PropertyIdCopyTooltip, { propertyKey, children: t7 });
+    $[11] = propertyKey;
+    $[12] = t7;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== disabled || $[15] !== handleClearClick || $[16] !== property.clearable || $[17] !== value) {
+    t9 = property.clearable && !disabled && value && /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearClick, children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) });
+    $[14] = disabled;
+    $[15] = handleClearClick;
+    $[16] = property.clearable;
+    $[17] = value;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== setValue) {
+    t10 = (updatedValue) => {
+      const newValue = updatedValue || null;
+      return setValue(newValue);
+    };
+    $[19] = setValue;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== getUser) {
+    t11 = (userId) => {
+      const user = getUser(userId);
+      return /* @__PURE__ */ jsx(UserDisplay, { user });
+    };
+    $[21] = getUser;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== users) {
+    t12 = users && users.map(_temp$2);
+    $[23] = users;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  let t13;
+  if ($[25] !== disabled || $[26] !== size || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t3 || $[31] !== t8 || $[32] !== t9) {
+    t13 = /* @__PURE__ */ jsx(Select, { value: t3, disabled, size, fullWidth: true, position: "item-aligned", inputClassName: t4, label: t8, endAdornment: t9, onValueChange: t10, renderValue: t11, children: t12 });
+    $[25] = disabled;
+    $[26] = size;
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t3;
+    $[31] = t8;
+    $[32] = t9;
+    $[33] = t13;
+  } else {
+    t13 = $[33];
+  }
+  let t14;
+  if ($[34] !== disabled || $[35] !== error || $[36] !== includeDescription || $[37] !== property || $[38] !== showError) {
+    t14 = /* @__PURE__ */ jsx(FieldHelperText, { includeDescription, showError, error, disabled, property });
+    $[34] = disabled;
+    $[35] = error;
+    $[36] = includeDescription;
+    $[37] = property;
+    $[38] = showError;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  let t15;
+  if ($[40] !== t13 || $[41] !== t14) {
+    t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t13,
+      t14
+    ] });
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t15;
+  } else {
+    t15 = $[42];
+  }
+  return t15;
+}
+function _temp$2(user_0) {
+  return /* @__PURE__ */ jsx(SelectItem, { value: user_0.uid, children: /* @__PURE__ */ jsx(UserDisplay, { user: user_0 }) }, user_0.uid);
+}
 function isDefaultFieldConfigId(id) {
   return Object.keys(DEFAULT_FIELD_CONFIGS).includes(id);
 }
@@ -24500,6 +24876,16 @@ const DEFAULT_FIELD_CONFIGS = {
       Field: MultiSelectFieldBinding
     }
   },
+  user_select: {
+    key: "user_select",
+    name: "User select",
+    description: "Select a user from the user management system. Store the user ID.",
+    Icon: PersonIcon,
+    property: {
+      dataType: "string",
+      Field: UserSelectFieldBinding
+    }
+  },
   number_input: {
     key: "number_input",
     name: "Number input",
@@ -24714,6 +25100,8 @@ function getDefaultFieldId(property) {
       return "email";
     } else if (property.enumValues) {
       return "select";
+    } else if (property.userSelect) {
+      return "user_select";
     } else if (property.reference) {
       return "reference_as_string";
     } else {
@@ -25753,6 +26141,7 @@ export {
   SwitchFieldBinding,
   TextFieldBinding,
   UrlComponentPreview,
+  UserPreview,
   Vector,
   VirtualTable,
   addInitialSlash,
@@ -25898,6 +26287,7 @@ export {
   useDialogsController,
   useEntityFetch,
   useFireCMSContext,
+  useInternalUserManagementController,
   useLargeLayout,
   useModeController,
   useNavigationController,