@uniformdev/mesh-sdk-react 20.72.3-alpha.2 → 20.72.3-alpha.23

package/dist/index.js

@@ -34,10 +34,10 @@ var index_exports = {};
 __export(index_exports, {
   $createVariableNode: () => $createVariableNode,
   $isVariableNode: () => $isVariableNode,
-  AddListButton: () => import_design_system53.AddListButton,
-  Button: () => import_design_system53.Button,
+  AddListButton: () => import_design_system54.AddListButton,
+  Button: () => import_design_system54.Button,
   CHECKBOX_OPERATORS: () => CHECKBOX_OPERATORS,
-  Callout: () => import_design_system53.Callout,
+  Callout: () => import_design_system54.Callout,
   ControlledValuePlugin: () => ControlledValuePlugin,
   DATE_OPERATORS: () => DATE_OPERATORS,
   DATE_TIME_OPERATORS: () => DATE_TIME_OPERATORS,
@@ -50,7 +50,11 @@ __export(index_exports, {
   DataTypeEditor: () => DataTypeEditor,
   DateEditor: () => DateEditor,
   DateRangeEditor: () => DateRangeEditor,
-  DrawerContent: () => import_design_system53.DrawerContent,
+  DelegationContext: () => DelegationContext,
+  DelegationDisabledError: () => DelegationDisabledError,
+  DelegationGate: () => DelegationGate,
+  DelegationProvider: () => DelegationProvider,
+  DrawerContent: () => import_design_system54.DrawerContent,
   EDIT_VARIABLE_COMMAND: () => EDIT_VARIABLE_COMMAND,
   FilterButton: () => FilterButton2,
   FilterControls: () => FilterControls,
@@ -60,22 +64,22 @@ __export(index_exports, {
   FilterMenu: () => FilterMenu,
   FilterMultiChoiceEditor: () => FilterMultiChoiceEditor,
   FilterSingleChoiceEditor: () => FilterSingleChoiceEditor,
-  Heading: () => import_design_system53.Heading,
+  Heading: () => import_design_system54.Heading,
   INSERT_VARIABLE_COMMAND: () => INSERT_VARIABLE_COMMAND,
   Icons: () => icons_exports,
-  Input: () => import_design_system53.Input,
-  InputComboBox: () => import_design_system53.InputComboBox,
-  InputKeywordSearch: () => import_design_system53.InputKeywordSearch,
-  InputSelect: () => import_design_system53.InputSelect,
-  InputToggle: () => import_design_system53.InputToggle,
+  Input: () => import_design_system54.Input,
+  InputComboBox: () => import_design_system54.InputComboBox,
+  InputKeywordSearch: () => import_design_system54.InputKeywordSearch,
+  InputSelect: () => import_design_system54.InputSelect,
+  InputToggle: () => import_design_system54.InputToggle,
   InputVariables: () => InputVariables,
-  Label: () => import_design_system53.Label,
+  Label: () => import_design_system54.Label,
   LinkButton: () => LinkButton,
-  LoadingIndicator: () => import_design_system53.LoadingIndicator,
-  LoadingOverlay: () => import_design_system53.LoadingOverlay,
+  LoadingIndicator: () => import_design_system54.LoadingIndicator,
+  LoadingOverlay: () => import_design_system54.LoadingOverlay,
   MULTI_SELECT_OPERATORS: () => MULTI_SELECT_OPERATORS,
-  Menu: () => import_design_system53.Menu,
-  MenuItem: () => import_design_system53.MenuItem,
+  Menu: () => import_design_system54.Menu,
+  MenuItem: () => import_design_system54.MenuItem,
   MeshApp: () => MeshApp,
   NUMBER_OPERATORS: () => NUMBER_OPERATORS,
   NumberEditor: () => NumberEditor,
@@ -94,22 +98,22 @@ __export(index_exports, {
   PUBLISH_STATUS_FIELD_OPERATORS: () => PUBLISH_STATUS_FIELD_OPERATORS,
   ParamTypeDynamicDataProvider: () => ParamTypeDynamicDataProvider,
   ParameterConnectionIndicator: () => ParameterConnectionIndicator,
-  ParameterGroup: () => import_design_system53.ParameterGroup,
-  ParameterImage: () => import_design_system53.ParameterImage,
-  ParameterImageInner: () => import_design_system53.ParameterImageInner,
-  ParameterInput: () => import_design_system53.ParameterInput,
-  ParameterInputInner: () => import_design_system53.ParameterInputInner,
-  ParameterLabel: () => import_design_system53.ParameterLabel,
-  ParameterMenuButton: () => import_design_system53.ParameterMenuButton,
+  ParameterGroup: () => import_design_system54.ParameterGroup,
+  ParameterImage: () => import_design_system54.ParameterImage,
+  ParameterImageInner: () => import_design_system54.ParameterImageInner,
+  ParameterInput: () => import_design_system54.ParameterInput,
+  ParameterInputInner: () => import_design_system54.ParameterInputInner,
+  ParameterLabel: () => import_design_system54.ParameterLabel,
+  ParameterMenuButton: () => import_design_system54.ParameterMenuButton,
   ParameterOrSingleVariable: () => ParameterOrSingleVariable,
-  ParameterSelect: () => import_design_system53.ParameterSelect,
-  ParameterSelectInner: () => import_design_system53.ParameterSelectInner,
-  ParameterShell: () => import_design_system53.ParameterShell,
+  ParameterSelect: () => import_design_system54.ParameterSelect,
+  ParameterSelectInner: () => import_design_system54.ParameterSelectInner,
+  ParameterShell: () => import_design_system54.ParameterShell,
   ParameterShellContext: () => import_design_system2.ParameterShellContext,
-  ParameterTextarea: () => import_design_system53.ParameterTextarea,
-  ParameterTextareaInner: () => import_design_system53.ParameterTextareaInner,
-  ParameterToggle: () => import_design_system53.ParameterToggle,
-  ParameterToggleInner: () => import_design_system53.ParameterToggleInner,
+  ParameterTextarea: () => import_design_system54.ParameterTextarea,
+  ParameterTextareaInner: () => import_design_system54.ParameterTextareaInner,
+  ParameterToggle: () => import_design_system54.ParameterToggle,
+  ParameterToggleInner: () => import_design_system54.ParameterToggleInner,
   ParameterVariables: () => ParameterVariables,
   QueryFilter: () => QueryFilter,
   RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
@@ -123,8 +127,8 @@ __export(index_exports, {
   RequestUrlInput: () => RequestUrlInput,
   SELECT_OPERATORS: () => SELECT_OPERATORS,
   SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
-  ScrollableList: () => import_design_system53.ScrollableList,
-  ScrollableListItem: () => import_design_system53.ScrollableListItem,
+  ScrollableList: () => import_design_system54.ScrollableList,
+  ScrollableListItem: () => import_design_system54.ScrollableListItem,
   SearchAndFilter: () => SearchAndFilter,
   SearchAndFilterContext: () => SearchAndFilterContext,
   SearchAndFilterOptionsContainer: () => SearchAndFilterOptionsContainer2,
@@ -135,13 +139,13 @@ __export(index_exports, {
   SortItems: () => SortItems,
   StatusMultiEditor: () => StatusMultiEditor,
   StatusSingleEditor: () => StatusSingleEditor,
-  Switch: () => import_design_system53.Switch,
+  Switch: () => import_design_system54.Switch,
   TEXTBOX_OPERATORS: () => TEXTBOX_OPERATORS,
   TextEditor: () => TextEditor,
   TextMultiChoiceEditor: () => TextMultiChoiceEditor,
   TextVariableRenderer: () => TextVariableRenderer,
-  Textarea: () => import_design_system53.Textarea,
-  Theme: () => import_design_system53.Theme,
+  Textarea: () => import_design_system54.Textarea,
+  Theme: () => import_design_system54.Theme,
   USER_OPERATORS: () => USER_OPERATORS,
   VariableChip: () => VariableChip,
   VariableEditor: () => VariableEditor,
@@ -151,8 +155,10 @@ __export(index_exports, {
   VariablesProvider: () => VariablesProvider,
   bindableFiltersMapper: () => bindableFiltersMapper,
   convertConnectedDataToVariable: () => convertConnectedDataToVariable,
+  createDelegationFetch: () => createDelegationFetch,
   createLocationValidator: () => createLocationValidator,
   filterMapper: () => filterMapper,
+  isDelegationExpiredResponse: () => isDelegationExpiredResponse,
   prettifyBindExpression: () => prettifyBindExpression,
   readOnlyAttributes: () => readOnlyAttributes,
   serializeVariablesEditorSerializedState: () => serializeVariablesEditorSerializedState,
@@ -162,6 +168,8 @@ __export(index_exports, {
   urlEncodeRequestUrl: () => urlEncodeRequestUrl,
   useConnectedDataAsVariables: () => useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo: () => useContentDataResourceLocaleInfo,
+  useDelegation: () => useDelegation,
+  useDelegationFetch: () => useDelegationFetch,
   useDynamicInputsAsVariables: () => useDynamicInputsAsVariables,
   useMeshLocation: () => useMeshLocation,
   useObjectSearchContext: () => useObjectSearchContext,
@@ -174,7 +182,7 @@ __export(index_exports, {
   useVariableEditor: () => useVariableEditor,
   useVariables: () => useVariables,
   useVariablesMenu: () => useVariablesMenu,
-  utilityColors: () => import_design_system53.utilityColors,
+  utilityColors: () => import_design_system54.utilityColors,
   variableDefaultTextValue: () => variableDefaultTextValue,
   variablePrefix: () => variablePrefix,
   variableSuffix: () => variableSuffix,
@@ -427,6 +435,40 @@ var SvgPlus = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
 );
 var Plus_default = SvgPlus;
 
+// src/hooks/createDelegationFetch.ts
+var import_mesh_sdk = require("@uniformdev/mesh-sdk");
+async function isDelegationExpiredResponse(response) {
+  if (response.status !== 401) {
+    return false;
+  }
+  try {
+    const body = await response.clone().json();
+    return typeof body.code === "string" && body.code === import_mesh_sdk.DELEGATION_EXPIRED_CODE;
+  } catch (e) {
+    return false;
+  }
+}
+function createDelegationFetch(options) {
+  var _a, _b;
+  const fetchFn = (_a = options.fetch) != null ? _a : fetch;
+  const isExpired = (_b = options.isDelegationExpired) != null ? _b : isDelegationExpiredResponse;
+  return async (input3, init) => {
+    const headers = new Headers(init == null ? void 0 : init.headers);
+    headers.set(import_mesh_sdk.CSRF_HEADER_NAME, import_mesh_sdk.CSRF_HEADER_VALUE);
+    const initWithCsrf = { ...init, headers };
+    const response = await fetchFn(input3, initWithCsrf);
+    if (!await isExpired(response)) {
+      return response;
+    }
+    try {
+      await options.reacquire();
+    } catch (e) {
+      return response;
+    }
+    return fetchFn(input3, initWithCsrf);
+  };
+}
+
 // src/hooks/useConnectedDataAsVariables.tsx
 var import_react2 = require("react");
 function useConnectedDataAsVariables(connectedData) {
@@ -445,12 +487,44 @@ function useConnectedDataAsVariables(connectedData) {
   );
 }
 
+// src/hooks/useDelegation.ts
+var import_react4 = require("react");
+
+// src/components/Delegation/DelegationContext.ts
+var import_react3 = require("react");
+var DelegationContext = (0, import_react3.createContext)(null);
+
+// src/hooks/useDelegation.ts
+function useDelegation() {
+  const ctx = (0, import_react4.useContext)(DelegationContext);
+  if (!ctx) {
+    throw new Error("useDelegation must be used within a <DelegationProvider>");
+  }
+  return ctx;
+}
+
+// src/hooks/useDelegationFetch.ts
+var import_react5 = require("react");
+function useDelegationFetch(options) {
+  const { reacquire } = useDelegation();
+  const fetchImpl = options == null ? void 0 : options.fetch;
+  const isDelegationExpired = options == null ? void 0 : options.isDelegationExpired;
+  return (0, import_react5.useMemo)(
+    () => createDelegationFetch({
+      reacquire,
+      fetch: fetchImpl,
+      isDelegationExpired
+    }),
+    [reacquire, fetchImpl, isDelegationExpired]
+  );
+}
+
 // src/hooks/useDynamicInputsAsVariables.tsx
 var import_canvas = require("@uniformdev/canvas");
-var import_react3 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
 function useDynamicInputsAsVariables(dynamicInputs) {
-  return (0, import_react3.useMemo)(() => {
+  return (0, import_react6.useMemo)(() => {
     const result = Object.entries(dynamicInputs).reduce(
       (acc, [name2, input3]) => {
         const source = `from ${name2 === import_canvas.LOCALE_DYNAMIC_INPUT_NAME ? "current locale" : input3.type === "path" ? "URL path" : "query string"}`;
@@ -485,18 +559,18 @@ Current preview value: ${input3.value || "not provided"}`
 }
 
 // src/hooks/useMeshLocation.ts
-var import_react6 = require("react");
+var import_react9 = require("react");
 
 // src/components/UniformMeshLocationContext.tsx
-var import_react5 = require("react");
+var import_react8 = require("react");
 
 // src/components/UniformMeshSdkContext.tsx
 var import_design_system = require("@uniformdev/design-system");
-var import_react4 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
-var UniformMeshSdkContext = (0, import_react4.createContext)(void 0);
+var UniformMeshSdkContext = (0, import_react7.createContext)(void 0);
 var useUniformMeshSdkContext = () => {
-  const context = (0, import_react4.useContext)(UniformMeshSdkContext);
+  const context = (0, import_react7.useContext)(UniformMeshSdkContext);
   if (!context) {
     throw new Error("useUniformMeshSdkContext must be used within <MeshApp /> or <UniformMeshSdkContext />");
   }
@@ -511,13 +585,13 @@ function useUniformMeshSdk() {
 
 // src/components/UniformMeshLocationContext.tsx
 var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
-var UniformMeshLocationContext = (0, import_react5.createContext)(void 0);
+var UniformMeshLocationContext = (0, import_react8.createContext)(void 0);
 var UniformMeshLocationContextProvider = ({
   children
 }) => {
   const sdk = useUniformMeshSdk();
-  const [location, setLocation] = (0, import_react5.useState)(sdk.getCurrentLocation());
-  (0, import_react5.useMemo)(() => {
+  const [location, setLocation] = (0, import_react8.useState)(sdk.getCurrentLocation());
+  (0, import_react8.useMemo)(() => {
     const valueChangeListener = (event) => {
       setLocation((old) => ({ ...old, value: event.newValue }));
     };
@@ -534,7 +608,7 @@ var UniformMeshLocationContextProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UniformMeshLocationContext.Provider, { value: { location }, children });
 };
 var useUniformMeshLocationContext = () => {
-  const context = (0, import_react5.useContext)(UniformMeshLocationContext);
+  const context = (0, import_react8.useContext)(UniformMeshLocationContext);
   if (!context) {
     throw new Error("useUniformMeshLocationContext must be used within a UniformMeshLocationContextProvider");
   }
@@ -547,9 +621,9 @@ function useMeshLocation(expectedLocation) {
   if (expectedLocation && location.type !== expectedLocation) {
     throw new Error(`Expected location type ${expectedLocation} but got ${location.type}`);
   }
-  const backdoorLocation = (0, import_react6.useRef)(location);
+  const backdoorLocation = (0, import_react9.useRef)(location);
   backdoorLocation.current = location;
-  const stabilizedSetValueProxy = (0, import_react6.useMemo)(
+  const stabilizedSetValueProxy = (0, import_react9.useMemo)(
     () => (dispatch) => {
       const { newValue, options } = dispatch(backdoorLocation.current.value);
       backdoorLocation.current.setValue(newValue, options);
@@ -568,7 +642,7 @@ var import_design_system2 = require("@uniformdev/design-system");
 
 // src/components/Variables/composer/ControlledValuePlugin.tsx
 var import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var import_react7 = require("react");
+var import_react10 = require("react");
 
 // src/components/Variables/util/serializeVariablesEditorState.ts
 var import_canvas2 = require("@uniformdev/canvas");
@@ -712,7 +786,7 @@ function ControlledValuePlugin({
   extraDependencies
 }) {
   const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     var _a, _b;
     if (!enabled) {
       return;
@@ -733,7 +807,7 @@ function ControlledValuePlugin({
 
 // src/components/Variables/composer/VariableChip.tsx
 var import_design_system3 = require("@uniformdev/design-system");
-var import_react8 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime17 = require("@emotion/react/jsx-runtime");
 function VariableChip({
   displayName,
@@ -749,7 +823,7 @@ function VariableChip({
 }) {
   const hasClickEvent = !!onClick;
   const referenceIsValidFr = isFresh ? true : referenceIsValid;
-  const Wrapper = referenceIsValidFr === "warning" ? WarningVariableReference : referenceIsValidFr === "info" ? InfoVariableReference : referenceIsValidFr ? import_react8.Fragment : UndefinedVariableReference;
+  const Wrapper = referenceIsValidFr === "warning" ? WarningVariableReference : referenceIsValidFr === "info" ? InfoVariableReference : referenceIsValidFr ? import_react11.Fragment : UndefinedVariableReference;
   const extraTitle = !referenceIsValidFr ? errorMessage : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
   const chippy = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system3.MultilineChip, { onClick, "aria-selected": selected ? true : void 0, "aria-disabled": disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Wrapper, { children: displayName || reference }) });
   if (tooltip) {
@@ -815,7 +889,7 @@ var import_utils2 = require("@lexical/utils");
 var import_canvas5 = require("@uniformdev/canvas");
 var import_design_system6 = require("@uniformdev/design-system");
 var import_lexical5 = require("lexical");
-var import_react16 = require("react");
+var import_react19 = require("react");
 
 // src/components/Variables/util/prettifyBindExpression.tsx
 function prettifyBindExpression(bindExpression) {
@@ -824,7 +898,7 @@ function prettifyBindExpression(bindExpression) {
 }
 
 // src/components/Variables/composer/VariablesPlugin.tsx
-var import_react14 = require("@emotion/react");
+var import_react17 = require("@emotion/react");
 var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
 var import_LexicalTypeaheadMenuPlugin = require("@lexical/react/LexicalTypeaheadMenuPlugin");
 var import_utils = require("@lexical/utils");
@@ -833,12 +907,12 @@ var import_canvas4 = require("@uniformdev/canvas");
 var import_design_system5 = require("@uniformdev/design-system");
 var import_lite = require("dequal/lite");
 var import_lexical4 = require("lexical");
-var import_react15 = require("react");
+var import_react18 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/Variables/toolbox/SelectVariableMenu.styles.ts
-var import_react9 = require("@emotion/react");
-var menuBtn = import_react9.css`
+var import_react12 = require("@emotion/react");
+var menuBtn = import_react12.css`
   background: none;
   border: none;
   color: var(--gray-500);
@@ -848,18 +922,18 @@ var menuBtn = import_react9.css`
     outline: none;
   }
 `;
-var menuItemTextGroup = import_react9.css`
+var menuItemTextGroup = import_react12.css`
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   gap: 0;
   line-height: 1em;
 `;
-var smallText = import_react9.css`
+var smallText = import_react12.css`
   font-size: var(--fs-xs);
   color: var(--gray-500);
 `;
-var variablesTipText = import_react9.css`
+var variablesTipText = import_react12.css`
   ${smallText}
   color: var(--gray-500);
   padding: 0 var(--spacing-sm);
@@ -867,18 +941,18 @@ var variablesTipText = import_react9.css`
 
 // src/components/Variables/VariablesProvider.tsx
 var import_mitt = __toESM(require("mitt"));
-var import_react13 = require("react");
+var import_react16 = require("react");
 
 // src/components/Variables/util/useVariableEditTransaction.ts
-var import_react10 = require("react");
+var import_react13 = require("react");
 function useVariableEditTransaction({
   events,
   dispatch,
   isEditing,
   variables
 }) {
-  const [isEditingBinding, setIsEditingBinding] = (0, import_react10.useState)();
-  (0, import_react10.useEffect)(() => {
+  const [isEditingBinding, setIsEditingBinding] = (0, import_react13.useState)();
+  (0, import_react13.useEffect)(() => {
     if (!isEditingBinding) {
       return;
     }
@@ -889,7 +963,7 @@ function useVariableEditTransaction({
     events.on("editCompleted", fn);
     return () => events.off("editCompleted", fn);
   }, [events, isEditingBinding, variables]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!isEditing) {
       if (isEditingBinding) {
         isEditingBinding.resolve({ canceled: true });
@@ -897,7 +971,7 @@ function useVariableEditTransaction({
       setIsEditingBinding(void 0);
     }
   }, [isEditing, isEditingBinding]);
-  return (0, import_react10.useCallback)(
+  return (0, import_react13.useCallback)(
     async function editVariableTxn(variable, context) {
       if (isEditingBinding) {
         dispatch({ type: "cancelEdit" });
@@ -919,13 +993,13 @@ function useVariableEditTransaction({
 // src/components/Variables/VariableEditor.tsx
 var import_standard_schema = require("@hookform/resolvers/standard-schema");
 var import_design_system4 = require("@uniformdev/design-system");
-var import_react12 = require("react");
+var import_react15 = require("react");
 var import_react_hook_form = require("react-hook-form");
 var z = __toESM(require("zod"));
 
 // src/components/Variables/styles/VariableEditor.styles.ts
-var import_react11 = require("@emotion/react");
-var variablesFormContainer = import_react11.css`
+var import_react14 = require("@emotion/react");
+var variablesFormContainer = import_react14.css`
   > * {
     margin: var(--spacing-base) 0 0;
   }
@@ -978,9 +1052,9 @@ function VariableEditor({
     },
     activeWhenEditing: true
   });
-  const nameRef = (0, import_react12.useRef)(null);
+  const nameRef = (0, import_react15.useRef)(null);
   const { ref, ...nameRegister } = register("name");
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     if (nameRef.current && !nameRef.current.value) {
       nameRef.current.focus();
     }
@@ -1056,7 +1130,7 @@ function VariableEditor({
 
 // src/components/Variables/VariablesProvider.tsx
 var import_jsx_runtime19 = require("@emotion/react/jsx-runtime");
-var VariablesContext = (0, import_react13.createContext)(null);
+var VariablesContext = (0, import_react16.createContext)(null);
 function VariablesProvider({
   value,
   onChange,
@@ -1067,9 +1141,9 @@ function VariablesProvider({
   knownUndefinedValues = {},
   onChangeKnownUndefinedValue
 }) {
-  const [editing, setEditing] = (0, import_react13.useState)();
-  const [editingContext, setEditingContext] = (0, import_react13.useState)();
-  const events = (0, import_react13.useMemo)(
+  const [editing, setEditing] = (0, import_react16.useState)();
+  const [editingContext, setEditingContext] = (0, import_react16.useState)();
+  const events = (0, import_react16.useMemo)(
     () => (0, import_mitt.default)(),
     []
   );
@@ -1077,7 +1151,7 @@ function VariablesProvider({
     throw new Error("onChange must be provided when readOnly is false");
   }
   const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
-  const valueBasedContextValue = (0, import_react13.useMemo)(
+  const valueBasedContextValue = (0, import_react16.useMemo)(
     () => ({
       flatVariables: flattenVariables(value),
       dispatch: (event) => {
@@ -1121,7 +1195,7 @@ function VariablesProvider({
     isEditing: typeof editing !== "undefined",
     variables: value
   });
-  const contextValue = (0, import_react13.useMemo)(() => {
+  const contextValue = (0, import_react16.useMemo)(() => {
     return {
       ...valueBasedContextValue,
       editVariableTxn,
@@ -1132,7 +1206,7 @@ function VariablesProvider({
       isLoading: !!isLoading
     };
   }, [valueBasedContextValue, editVariableTxn, editing, events, knownUndefinedValues, isLoading]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (editing === void 0) {
       return;
     }
@@ -1181,7 +1255,7 @@ function VariablesProvider({
   ] });
 }
 function useVariables(returnEmptyWithoutProvider = false) {
-  const context = (0, import_react13.useContext)(VariablesContext);
+  const context = (0, import_react16.useContext)(VariablesContext);
   if (!context) {
     if (returnEmptyWithoutProvider) {
       return {
@@ -1321,7 +1395,7 @@ function useVariablesMenu({
   getEditorContext
 }) {
   const { variables, canDispatch, readOnly } = useVariables(true);
-  const canEditVariable = (0, import_react15.useCallback)(
+  const canEditVariable = (0, import_react18.useCallback)(
     (name2, variable) => (
       // name === '' means new var. Add var perms computed by menu options.
       name2 === "" || canDispatch && enableEditingVariables && !readOnly && !(variable == null ? void 0 : variable.readOnly)
@@ -1329,7 +1403,7 @@ function useVariablesMenu({
     [canDispatch, enableEditingVariables, readOnly]
   );
   const canAddVariable = canDispatch && showAddVariableMenuOption && !readOnly;
-  const { groupedVariables, menuOptions } = (0, import_react15.useMemo)(() => {
+  const { groupedVariables, menuOptions } = (0, import_react18.useMemo)(() => {
     const groupedVariables2 = variablesToGroupedList(variables, filterVariable, getEditorContext == null ? void 0 : getEditorContext());
     if (canAddVariable) {
       groupedVariables2.unshift({
@@ -1351,7 +1425,7 @@ function useVariablesMenu({
     );
     return { menuOptions: menuOptions2, groupedVariables: groupedVariables2 };
   }, [variables, filterVariable, getEditorContext, canAddVariable, showAddVariableMenuOption]);
-  const onSelect = (0, import_react15.useCallback)(
+  const onSelect = (0, import_react18.useCallback)(
     ({ queryString, value, nodeToReplace, editor, overwriteExistingValue }) => {
       if (value === ADD_VARIABLE_OPTION) {
         editor.update(() => {
@@ -1400,9 +1474,9 @@ function VariablesPlugin({
 }) {
   const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
   const { variables, dispatch, isEditing, canDispatch, readOnly, knownUndefinedValues, isLoading } = useVariables(true);
-  const variablesRef = (0, import_react15.useRef)({ variables, knownUndefinedValues, isLoading });
+  const variablesRef = (0, import_react18.useRef)({ variables, knownUndefinedValues, isLoading });
   variablesRef.current = { variables, knownUndefinedValues, isLoading };
-  const canEditVariable = (0, import_react15.useCallback)(
+  const canEditVariable = (0, import_react18.useCallback)(
     (name2, variable) => (
       // name === '' means new var. Add var perms computed by menu options.
       name2 === "" || canDispatch && enableEditingVariables && !readOnly && !(variable == null ? void 0 : variable.readOnly)
@@ -1410,13 +1484,13 @@ function VariablesPlugin({
     [canDispatch, enableEditingVariables, readOnly]
   );
   const { editVariable } = useVariableEditor();
-  const [queryString, setQueryString] = (0, import_react15.useState)(null);
+  const [queryString, setQueryString] = (0, import_react18.useState)(null);
   const { groupedVariables, menuOptions, onSelect } = useVariablesMenu({
     showAddVariableMenuOption,
     filterVariable,
     getEditorContext
   });
-  const { filteredGroupedVariables, filteredMenuOptions } = (0, import_react15.useMemo)(() => {
+  const { filteredGroupedVariables, filteredMenuOptions } = (0, import_react18.useMemo)(() => {
     if (!queryString) {
       return {
         filteredGroupedVariables: groupedVariables,
@@ -1439,7 +1513,7 @@ function VariablesPlugin({
       )
     };
   }, [queryString, groupedVariables, menuOptions]);
-  const onSelectOption = (0, import_react15.useCallback)(
+  const onSelectOption = (0, import_react18.useCallback)(
     (selectedOption, nodeToReplace, closeMenu) => {
       onSelect({
         queryString: queryString != null ? queryString : void 0,
@@ -1452,7 +1526,7 @@ function VariablesPlugin({
     },
     [editor, onSelect, queryString, replaceValueOnVariableInsert]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     return (0, import_utils.mergeRegister)(
       editor.registerCommand(
         EDIT_VARIABLE_COMMAND,
@@ -1592,7 +1666,7 @@ function VariablesPlugin({
     replaceValueOnVariableInsert,
     disableVariableDisplayNames
   ]);
-  const computeUpdatedVariableNodeState = (0, import_react15.useCallback)(
+  const computeUpdatedVariableNodeState = (0, import_react18.useCallback)(
     (variableNode) => {
       var _a, _b, _c, _d;
       const targetVar = variablesRef.current.variables[variableNode.reference];
@@ -1617,7 +1691,7 @@ function VariablesPlugin({
     },
     [canEditVariable, disableVariableDisplayNames]
   );
-  const updateExistingNodeIfChanged = (0, import_react15.useCallback)(
+  const updateExistingNodeIfChanged = (0, import_react18.useCallback)(
     (variableNode) => {
       const newState = computeUpdatedVariableNodeState(variableNode);
       if (newState) {
@@ -1626,7 +1700,7 @@ function VariablesPlugin({
     },
     [computeUpdatedVariableNodeState]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const pendingUpdates = [];
     editor.read(() => {
       (0, import_utils.$dfs)().forEach(({ node }) => {
@@ -1657,7 +1731,7 @@ function VariablesPlugin({
       }
     });
   }, [editor, variables, knownUndefinedValues, computeUpdatedVariableNodeState]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     return editor.registerNodeTransform(VariableNode, (variableNode) => {
       updateExistingNodeIfChanged(variableNode);
     });
@@ -1682,7 +1756,7 @@ function VariablesPlugin({
             "div",
             {
               "data-auto-resize-opt-in": true,
-              css: import_react14.css`
+              css: import_react17.css`
               box-shadow: var(--shadow-base);
               border-radius: var(--rounded-base);
               background: var(--gray-50);
@@ -1846,7 +1920,7 @@ function VariableNodeComponent({
   const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
   const [isSelected, setSelected, clearSelection] = (0, import_useLexicalNodeSelection.useLexicalNodeSelection)(nodeKey);
   const readOnly = !editor.isEditable();
-  const onDelete = (0, import_react16.useCallback)(
+  const onDelete = (0, import_react19.useCallback)(
     (event) => {
       if (isSelected && (0, import_lexical5.$isNodeSelection)((0, import_lexical5.$getSelection)())) {
         event.preventDefault();
@@ -1859,7 +1933,7 @@ function VariableNodeComponent({
     },
     [isSelected, nodeKey]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     return (0, import_utils2.mergeRegister)(
       editor.registerCommand(import_lexical5.KEY_DELETE_COMMAND, onDelete, import_lexical5.COMMAND_PRIORITY_LOW),
       editor.registerCommand(import_lexical5.KEY_BACKSPACE_COMMAND, onDelete, import_lexical5.COMMAND_PRIORITY_LOW),
@@ -1947,9 +2021,9 @@ function $isTargetWithinDecorator(target) {
 }
 
 // src/components/Variables/InputVariables.tsx
-var import_react27 = require("@emotion/react");
+var import_react31 = require("@emotion/react");
 var import_design_system9 = require("@uniformdev/design-system");
-var import_react28 = require("react");
+var import_react32 = require("react");
 var import_uuid = require("uuid");
 
 // src/components/Variables/composer/EditorRefPlugin.tsx
@@ -1970,10 +2044,10 @@ function EditorRefPlugin({
 var import_LexicalComposerContext5 = require("@lexical/react/LexicalComposerContext");
 var import_utils3 = require("@lexical/utils");
 var import_lexical6 = require("lexical");
-var import_react17 = require("react");
+var import_react20 = require("react");
 function PasteTransformerPlugin({ transformPaste }) {
   const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     return (0, import_utils3.mergeRegister)(
       editor.registerCommand(
         import_lexical6.PASTE_COMMAND,
@@ -1998,17 +2072,17 @@ function PasteTransformerPlugin({ transformPaste }) {
 }
 
 // src/components/Variables/styles/InputVariables.styles.ts
-var import_react18 = require("@emotion/react");
-var menuContainer = import_react18.css`
+var import_react21 = require("@emotion/react");
+var menuContainer = import_react21.css`
   position: relative;
 `;
-var menuBtn2 = import_react18.css`
+var menuBtn2 = import_react21.css`
   position: absolute;
   top: 50%;
   right: var(--spacing-sm);
   transform: translateY(-50%);
 `;
-var input = import_react18.css`
+var input = import_react21.css`
   --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
@@ -2053,7 +2127,7 @@ var input = import_react18.css`
     margin: 0;
   }
 `;
-var inputCompact = import_react18.css`
+var inputCompact = import_react21.css`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
   font-size: var(--fs-sm);
@@ -2062,11 +2136,11 @@ var inputCompact = import_react18.css`
     min-height: 39px;
   }
 `;
-var inputDisabled = import_react18.css`
+var inputDisabled = import_react21.css`
   cursor: not-allowed;
   opacity: var(--opacity-50);
 `;
-var placeholderCaption = import_react18.css`
+var placeholderCaption = import_react21.css`
   position: absolute;
   color: var(--gray-400);
   inset: 12px var(--spacing-base) 12px var(--spacing-sm);
@@ -2075,14 +2149,14 @@ var placeholderCaption = import_react18.css`
   white-space: nowrap;
   pointer-events: none;
 `;
-var placeholderCompact = import_react18.css`
+var placeholderCompact = import_react21.css`
   inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
 `;
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
-var import_react19 = require("@emotion/react");
+var import_react22 = require("@emotion/react");
 var import_design_system7 = require("@uniformdev/design-system");
-var variableBindButton = import_react19.css`
+var variableBindButton = import_react22.css`
   --hover-color: var(--accent-dark-hover);
   --active-color: var(--accent-dark-active);
   border: 1px solid transparent;
@@ -2125,7 +2199,7 @@ var variableBindButton = import_react19.css`
     max-height: unset;
   }
 `;
-var input2 = import_react19.css`
+var input2 = import_react22.css`
   display: block;
   appearance: none;
   box-sizing: border-box;
@@ -2179,7 +2253,7 @@ var input2 = import_react19.css`
     margin: 0;
   }
 `;
-var inputMultiLine = (lines) => import_react19.css`
+var inputMultiLine = (lines) => import_react22.css`
   ${import_design_system7.scrollbarStyles}
   // 1.5 = line height, spacing-sm = top and bottom padding + spacing-xs to give a slight increase in height
   // as the text looked to close to the bottom of the input
@@ -2190,7 +2264,7 @@ var inputMultiLine = (lines) => import_react19.css`
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 var import_canvas6 = require("@uniformdev/canvas");
-var import_react20 = require("react");
+var import_react23 = require("react");
 function useInputVariablesState({
   value,
   onChange,
@@ -2206,14 +2280,14 @@ function useInputVariablesState({
 }) {
   const { variables } = useVariables(true);
   const variableReferenceCountInValue = (0, import_canvas6.hasReferencedVariables)(value != null ? value : "");
-  const [lastKnownId, setLastKnownId] = (0, import_react20.useState)(id);
-  const [hadVariablesInValue, setHadVariablesInValue] = (0, import_react20.useState)(variableReferenceCountInValue > 0);
-  (0, import_react20.useEffect)(() => {
+  const [lastKnownId, setLastKnownId] = (0, import_react23.useState)(id);
+  const [hadVariablesInValue, setHadVariablesInValue] = (0, import_react23.useState)(variableReferenceCountInValue > 0);
+  (0, import_react23.useEffect)(() => {
     if (variableReferenceCountInValue) {
       setHadVariablesInValue(true);
     }
   }, [variableReferenceCountInValue]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (id !== lastKnownId) {
       setLastKnownId(id);
       setHadVariablesInValue(variableReferenceCountInValue > 0);
@@ -2222,7 +2296,7 @@ function useInputVariablesState({
   const hadVariablesInValueForReals = inputWhenNoVariables ? hadVariablesInValue : variableReferenceCountInValue > 0;
   const disableVariablesForReals = disableVariables || Object.keys(variables).length === 0 && !showAddVariableMenuOption;
   const disableResetForReals = !inputWhenNoVariables || !hadVariablesInValueForReals;
-  const sharedMenuProps = (0, import_react20.useMemo)(
+  const sharedMenuProps = (0, import_react23.useMemo)(
     () => ({
       menuTooltip,
       showAddVariableMenuOption,
@@ -2255,8 +2329,8 @@ function useInputVariablesState({
 }
 
 // src/components/Variables/toolbox/VariableField.styles.ts
-var import_react21 = require("@emotion/react");
-var labelText = import_react21.css`
+var import_react24 = require("@emotion/react");
+var labelText = import_react24.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-xs);
@@ -2272,7 +2346,7 @@ var import_lexical7 = require("lexical");
 var import_BsFillPlusCircleFill = require("@react-icons/all-files/bs/BsFillPlusCircleFill");
 var import_CgUsbC = require("@react-icons/all-files/cg/CgUsbC");
 var import_design_system8 = require("@uniformdev/design-system");
-var import_react22 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime22 = require("@emotion/react/jsx-runtime");
 function SelectVariableMenu({
   onSelectVariable,
@@ -2287,7 +2361,7 @@ function SelectVariableMenu({
   filterVariable
 }) {
   const { variables, canDispatch, readOnly } = useVariables(true);
-  const btnRef = (0, import_react22.useRef)(null);
+  const btnRef = (0, import_react25.useRef)(null);
   const { editVariable } = useVariableEditor();
   const variablesGroups = variablesToGroupedList(variables, filterVariable, getEditorContext == null ? void 0 : getEditorContext());
   const showAddVariableMenuOptionForReals = showAddVariableMenuOption && canDispatch && !readOnly;
@@ -2420,14 +2494,14 @@ var import_LexicalAutoFocusPlugin = require("@lexical/react/LexicalAutoFocusPlug
 var import_LexicalClearEditorPlugin = require("@lexical/react/LexicalClearEditorPlugin");
 var import_LexicalComposer = require("@lexical/react/LexicalComposer");
 var import_LexicalOnChangePlugin = require("@lexical/react/LexicalOnChangePlugin");
-var import_react25 = require("react");
+var import_react29 = require("react");
 
 // src/components/Variables/composer/DisablePlugin.tsx
 var import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
-var import_react23 = require("react");
+var import_react26 = require("react");
 function DisablePlugin({ disabled }) {
   const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
-  (0, import_react23.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     editor.setEditable(!disabled);
   }, [editor, disabled]);
   return null;
@@ -2436,10 +2510,10 @@ function DisablePlugin({ disabled }) {
 // src/components/Variables/composer/SingleLineTextPlugin.tsx
 var import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
 var import_lexical8 = require("lexical");
-var import_react24 = require("react");
+var import_react27 = require("react");
 function SingleLineTextPlugin() {
   const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
-  (0, import_react24.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     editor.registerNodeTransform(import_lexical8.LineBreakNode, (node) => {
       node.remove();
     });
@@ -2447,6 +2521,13 @@ function SingleLineTextPlugin() {
   return null;
 }
 
+// src/components/Variables/toolbox/useVariablesComposerFlushPending.ts
+var import_react28 = require("react");
+var VariablesComposerFlushPendingContext = (0, import_react28.createContext)(false);
+function useVariablesComposerFlushPending() {
+  return (0, import_react28.useContext)(VariablesComposerFlushPendingContext);
+}
+
 // src/components/Variables/toolbox/VariablesComposer.tsx
 var import_jsx_runtime25 = require("@emotion/react/jsx-runtime");
 function VariablesComposer(props) {
@@ -2460,8 +2541,9 @@ function VariablesComposer(props) {
     autoFocus,
     ...variablesPluginProps
   } = props;
-  const [lastEmittedValue, setLastEmittedValue] = (0, import_react25.useState)(value);
-  const editorConfig = (0, import_react25.useMemo)(
+  const [lastEmittedValue, setLastEmittedValue] = (0, import_react29.useState)(value);
+  const [flushPending, setFlushPending] = (0, import_react29.useState)(false);
+  const editorConfig = (0, import_react29.useMemo)(
     () => ({
       namespace: "uniform",
       onError(error) {
@@ -2473,8 +2555,26 @@ function VariablesComposer(props) {
     // oxlint-disable-next-line react/exhaustive-deps
     []
   );
-  const editorState = (0, import_react25.useRef)(void 0);
-  const updateTimeout = (0, import_react25.useRef)(void 0);
+  const editorState = (0, import_react29.useRef)(void 0);
+  const updateTimeout = (0, import_react29.useRef)(void 0);
+  const flushDepsRef = (0, import_react29.useRef)({ onChange, lastEmittedValue });
+  flushDepsRef.current = { onChange, lastEmittedValue };
+  (0, import_react29.useEffect)(
+    () => () => {
+      if (!updateTimeout.current) {
+        return;
+      }
+      clearTimeout(updateTimeout.current);
+      const { onChange: emit, lastEmittedValue: lastEmitted } = flushDepsRef.current;
+      const valueToEmit = editorState.current ? serializeVariablesEditorState(editorState.current) : void 0;
+      const shouldEmit = editorState.current != null && valueToEmit !== lastEmitted;
+      if (!shouldEmit) {
+        return;
+      }
+      queueMicrotask(() => emit(valueToEmit));
+    },
+    []
+  );
   if (typeof document === "undefined") return null;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_LexicalComposer.LexicalComposer, { initialConfig: editorConfig, children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -2486,6 +2586,7 @@ function VariablesComposer(props) {
           if (updateTimeout.current) {
             clearTimeout(updateTimeout.current);
           }
+          setFlushPending(true);
           updateTimeout.current = window.setTimeout(() => {
             if (editorState.current) {
               const valueToEmit = serializeVariablesEditorState(editorState.current);
@@ -2494,6 +2595,8 @@ function VariablesComposer(props) {
                 onChange(valueToEmit);
               }
             }
+            setFlushPending(false);
+            updateTimeout.current = void 0;
           }, 400);
         }
       }
@@ -2503,7 +2606,7 @@ function VariablesComposer(props) {
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(VariablesPlugin, { ...variablesPluginProps }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DisablePlugin, { disabled }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: autoFocus ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}) : null }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(VariablesComposerFlushPendingContext.Provider, { value: flushPending, children })
   ] });
 }
 
@@ -2516,18 +2619,27 @@ var import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin")
 var import_LexicalPlainTextPlugin = require("@lexical/react/LexicalPlainTextPlugin");
 var import_utils4 = require("@lexical/utils");
 var import_lexical9 = require("lexical");
-var import_react26 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime26 = require("@emotion/react/jsx-runtime");
 function VariablesComposerInput({
-  css: css23,
+  css: css24,
   placeholder,
   ...contentEditableProps
 }) {
+  const flushPending = useVariablesComposerFlushPending();
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_LexicalPlainTextPlugin.PlainTextPlugin,
       {
-        contentEditable: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_LexicalContentEditable.ContentEditable, { ...contentEditableProps, placeholder: null, "aria-placeholder": void 0 }),
+        contentEditable: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_LexicalContentEditable.ContentEditable,
+          {
+            ...contentEditableProps,
+            "data-flush-pending": flushPending,
+            placeholder: null,
+            "aria-placeholder": void 0
+          }
+        ),
         placeholder: placeholder ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: placeholder }) : null,
         ErrorBoundary: import_LexicalErrorBoundary.LexicalErrorBoundary
       }
@@ -2538,7 +2650,7 @@ function VariablesComposerInput({
 }
 function RichishCopyAndPastePlugin() {
   const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
-  (0, import_react26.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     return (0, import_utils4.mergeRegister)(
       editor.registerCommand(
         import_lexical9.COPY_COMMAND,
@@ -2645,7 +2757,7 @@ function InputVariables(props) {
     singleTokenMode,
     disableVariableDisplayNames
   } = props;
-  const [finalId] = (0, import_react28.useState)(id != null ? id : (() => (0, import_uuid.v4)()));
+  const [finalId] = (0, import_react32.useState)(id != null ? id : (() => (0, import_uuid.v4)()));
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
   const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
@@ -2664,7 +2776,7 @@ function InputVariables(props) {
           {
             align: "center",
             gap: "xs",
-            css: import_react27.css`
+            css: import_react31.css`
           position: relative;
           & > div:first-of-type {
             flex-grow: 1;
@@ -2793,7 +2905,7 @@ function InputVariablesOverlayMenu({
 var import_CgUsbC2 = require("@react-icons/all-files/cg/CgUsbC");
 var import_canvas7 = require("@uniformdev/canvas");
 var import_design_system10 = require("@uniformdev/design-system");
-var import_react29 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime28 = require("@emotion/react/jsx-runtime");
 function ParameterConnectionIndicator({
   children,
@@ -2804,7 +2916,7 @@ function ParameterConnectionIndicator({
   overrideMenuButtonParentMargin,
   renderMenuInPortal = false
 }) {
-  const hasVariablesInValue = (0, import_react29.useMemo)(() => {
+  const hasVariablesInValue = (0, import_react33.useMemo)(() => {
     let result = false;
     (0, import_canvas7.bindVariablesToObject)({
       value,
@@ -2849,21 +2961,21 @@ function ParameterConnectionIndicator({
 
 // src/components/Variables/ParameterOrSingleVariable.tsx
 var import_design_system11 = require("@uniformdev/design-system");
-var import_react31 = require("react");
+var import_react35 = require("react");
 
 // src/components/Variables/composer/OnDisconnectPlugin.tsx
 var import_LexicalComposerContext10 = require("@lexical/react/LexicalComposerContext");
 var import_utils5 = require("@lexical/utils");
 var import_lexical10 = require("lexical");
-var import_react30 = require("react");
+var import_react34 = require("react");
 function OnDisconnectPlugin({
   onDisconnect
 }) {
   const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
   const { variables } = useVariables(true);
-  const variablesRef = (0, import_react30.useRef)(variables);
+  const variablesRef = (0, import_react34.useRef)(variables);
   variablesRef.current = variables;
-  (0, import_react30.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     return (0, import_utils5.mergeRegister)(
       editor.registerCommand(
         DISCONNECT_VARIABLE_COMMAND,
@@ -2908,7 +3020,7 @@ function ParameterOrSingleVariable(props) {
     hasVariablesInValue,
     setHadVariablesInValue
   } = useInputVariablesState(props);
-  const handleDisconnect = (0, import_react31.useCallback)(
+  const handleDisconnect = (0, import_react35.useCallback)(
     (variable) => {
       setHadVariablesInValue(false);
       if (onDisconnect) {
@@ -2961,7 +3073,7 @@ function ParameterOrSingleVariable(props) {
 }
 
 // src/components/Variables/ParameterVariables.tsx
-var import_react32 = require("@emotion/react");
+var import_react36 = require("@emotion/react");
 var import_design_system12 = require("@uniformdev/design-system");
 var import_jsx_runtime30 = require("@emotion/react/jsx-runtime");
 function ParameterVariables(props) {
@@ -3018,8 +3130,8 @@ function ParameterVariables(props) {
                   "data-text-value": value,
                   css: [
                     input2,
-                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(2) : import_react32.css``,
-                    inputCss != null ? inputCss : import_react32.css``
+                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(2) : import_react36.css``,
+                    inputCss != null ? inputCss : import_react36.css``
                   ]
                 }
               )
@@ -3055,18 +3167,18 @@ ${prettifyBindExpression(bindExpression)}`
 }
 
 // src/components/Variables/VariablesList.tsx
-var import_react35 = require("@emotion/react");
+var import_react39 = require("@emotion/react");
 var import_dnd2 = require("@hello-pangea/dnd");
 var import_CgTrash = require("@react-icons/all-files/cg/CgTrash");
 var import_design_system13 = require("@uniformdev/design-system");
 
 // src/components/DragDropContext.tsx
 var import_dnd = require("@hello-pangea/dnd");
-var import_react33 = require("react");
+var import_react37 = require("react");
 var import_react_use = require("react-use");
 var import_jsx_runtime31 = require("@emotion/react/jsx-runtime");
 function DragDropContext({ children, ...props }) {
-  const [isReady, setIsReady] = (0, import_react33.useState)(false);
+  const [isReady, setIsReady] = (0, import_react37.useState)(false);
   (0, import_react_use.useDebounce)(
     () => {
       setIsReady(true);
@@ -3078,8 +3190,8 @@ function DragDropContext({ children, ...props }) {
 }
 
 // src/components/Variables/styles/VariablesList.styles.ts
-var import_react34 = require("@emotion/react");
-var tableRow = (isDragging) => import_react34.css`
+var import_react38 = require("@emotion/react");
+var tableRow = (isDragging) => import_react38.css`
   position: relative;
   ${isDragging ? `
   display: table;   
@@ -3087,7 +3199,7 @@ var tableRow = (isDragging) => import_react34.css`
   top: auto !important;
   ` : void 0}
 `;
-var tableCellDragIcon = import_react34.css`
+var tableCellDragIcon = import_react38.css`
   &::after {
     content: '';
     display: block;
@@ -3105,7 +3217,7 @@ var tableCellDragIcon = import_react34.css`
     opacity: 1;
   }
 `;
-var variableName = import_react34.css`
+var variableName = import_react38.css`
   border: none;
   font-weight: var(--fw-medium);
   padding: 0;
@@ -3115,7 +3227,7 @@ var variableName = import_react34.css`
   white-space: nowrap;
   max-width: 20ch;
 `;
-var variableValue = import_react34.css`
+var variableValue = import_react38.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -3194,7 +3306,7 @@ function VariablesList() {
                         title: `delete ${text}`,
                         css: [
                           import_design_system13.button,
-                          import_react35.css`
+                          import_react39.css`
                                     background: transparent;
                                   `
                         ],
@@ -3324,9 +3436,9 @@ function TextVariableRenderer({ definition, value, setValue }) {
 }
 
 // src/components/Request/RequestBody.tsx
-var import_react37 = require("@emotion/react");
+var import_react41 = require("@emotion/react");
 var import_design_system15 = require("@uniformdev/design-system");
-var import_react38 = require("react");
+var import_react42 = require("react");
 
 // src/components/Request/RequestProvider.tsx
 var React4 = __toESM(require("react"));
@@ -3414,11 +3526,11 @@ function useRequest() {
 }
 
 // src/components/Request/styles/Request.styles.ts
-var import_react36 = require("@emotion/react");
-var innerContentStyles = import_react36.css`
+var import_react40 = require("@emotion/react");
+var innerContentStyles = import_react40.css`
   background: var(--white);
 `;
-var requestTypeContainer = (bgColor) => import_react36.css`
+var requestTypeContainer = (bgColor) => import_react40.css`
   align-items: start;
   background: ${bgColor};
   display: grid;
@@ -3456,11 +3568,11 @@ var LANGUAGE_TO_CONTENT_TYPE = {
 };
 function RequestBody() {
   const { request, dispatch } = useRequest();
-  const [language, setLanguage] = (0, import_react38.useState)("json");
+  const [language, setLanguage] = (0, import_react42.useState)("json");
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "div",
     {
-      css: import_react37.css`
+      css: import_react41.css`
         background: var(--white);
       `,
       children: [
@@ -3468,7 +3580,7 @@ function RequestBody() {
           RequestTypeContainer,
           {
             bgColor: "var(--gray-100)",
-            css: import_react37.css`
+            css: import_react41.css`
           padding: var(--spacing-sm) var(--spacing-base);
         `,
             children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -3745,8 +3857,8 @@ function RequestParameters({
 }
 
 // src/components/Request/RequestUrl.tsx
-var import_react39 = require("@emotion/react");
-var import_react40 = require("react");
+var import_react43 = require("@emotion/react");
+var import_react44 = require("react");
 
 // src/components/Request/urlEncodeRequestParameter.ts
 function urlEncodeRequestUrl(url, varValues) {
@@ -3772,7 +3884,7 @@ function RequestUrl() {
   var _a, _b;
   const { variables } = useVariables();
   const { request } = useRequest();
-  const mergedParameters = (0, import_react40.useMemo)(() => {
+  const mergedParameters = (0, import_react44.useMemo)(() => {
     var _a2;
     if (!((_a2 = request.baseRequest) == null ? void 0 : _a2.parameters)) {
       return request.parameters;
@@ -3782,7 +3894,7 @@ function RequestUrl() {
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "small",
     {
-      css: import_react39.css`
+      css: import_react43.css`
         display: inline-block;
         margin-bottom: var(--spacing-xs);
         word-break: break-word;
@@ -4015,24 +4127,207 @@ function convertRequestDataToDataType(dataType, requestData) {
   };
 }
 
-// src/components/MeshApp.tsx
+// src/components/Delegation/DelegationGate.tsx
 var import_design_system19 = require("@uniformdev/design-system");
+var import_react46 = require("react");
+
+// src/components/Delegation/styles/DelegationGate.style.ts
+var import_react45 = require("@emotion/react");
+var delegationGateStyle = import_react45.css`
+  min-height: 12rem;
+  width: 100%;
+`;
+
+// src/components/Delegation/DelegationGate.tsx
+var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
+function DefaultDelegationLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { css: delegationGateStyle, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.LoadingOverlay, { isActive: true, statusMessage: "Connecting to Uniform..." }) });
+}
+function DefaultDelegationDisabled() {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.Callout, { type: "caution", title: "Feature unavailable", children: "This app requires permissions that are not currently enabled. Please contact your Uniform administrator to enable identity delegation for this integration." });
+}
+function DefaultDelegationError({ error }) {
+  (0, import_react46.useEffect)(() => {
+    console.error("Delegation connection failed", error);
+  }, [error]);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.Callout, { type: "error", title: "Connection error", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { children: "Failed to connect to Uniform. Try again, or contact your administrator if the problem persists." }) });
+}
+function DelegationGate({
+  children,
+  loadingComponent,
+  disabledComponent,
+  errorComponent
+}) {
+  const { status, error } = useDelegation();
+  if (status === "active") {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
+  }
+  if (status === "idle" || status === "acquiring") {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: loadingComponent !== void 0 ? loadingComponent : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationLoading, {}) });
+  }
+  if (status === "disabled") {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: disabledComponent !== void 0 ? disabledComponent : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationDisabled, {}) });
+  }
+  if (status === "error") {
+    const resolvedError = error != null ? error : new Error("Unknown delegation error");
+    if (errorComponent !== void 0) {
+      if (typeof errorComponent === "function") {
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent({ error: resolvedError }) });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationError, { error: resolvedError });
+  }
+  return null;
+}
+
+// src/components/Delegation/DelegationProvider.tsx
+var import_react47 = require("react");
+var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
+var DelegationDisabledError = class extends Error {
+  constructor() {
+    super("Identity delegation is not enabled for this integration.");
+    this.name = "DelegationDisabledError";
+  }
+};
+var DEFAULT_REVALIDATE_AFTER_MS = 30 * 1e3;
+function DelegationProvider({
+  sdk,
+  onSessionToken,
+  checkActive,
+  revalidateOnFocus = true,
+  revalidateAfterMs = DEFAULT_REVALIDATE_AFTER_MS,
+  children
+}) {
+  const [status, setStatus] = (0, import_react47.useState)("idle");
+  const [error, setError] = (0, import_react47.useState)(null);
+  const mountedRef = (0, import_react47.useRef)(true);
+  const statusRef = (0, import_react47.useRef)("idle");
+  statusRef.current = status;
+  const acquirePromiseRef = (0, import_react47.useRef)(null);
+  const acquire = (0, import_react47.useCallback)(() => {
+    if (acquirePromiseRef.current) {
+      return acquirePromiseRef.current;
+    }
+    const run = (async () => {
+      if (statusRef.current !== "active") {
+        setStatus("acquiring");
+      }
+      setError(null);
+      try {
+        const isActive = await checkActive();
+        if (isActive) {
+          if (mountedRef.current) {
+            setStatus("active");
+          }
+          return;
+        }
+        if (!mountedRef.current) {
+          return;
+        }
+        const sessionToken = await sdk.getSessionToken();
+        if (!mountedRef.current) {
+          return;
+        }
+        if (!sessionToken) {
+          if (mountedRef.current) {
+            setStatus("disabled");
+          }
+          throw new DelegationDisabledError();
+        }
+        await onSessionToken(sessionToken);
+        if (mountedRef.current) {
+          setStatus("active");
+        }
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        if (mountedRef.current && !(err instanceof DelegationDisabledError)) {
+          setError(error2);
+          setStatus("error");
+        }
+        throw error2;
+      }
+    })();
+    acquirePromiseRef.current = run.finally(() => {
+      acquirePromiseRef.current = null;
+    });
+    return acquirePromiseRef.current;
+  }, [sdk, onSessionToken, checkActive]);
+  (0, import_react47.useEffect)(() => {
+    mountedRef.current = true;
+    void acquire().catch(() => {
+    });
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [acquire]);
+  const revalidate = (0, import_react47.useCallback)(async () => {
+    if (acquirePromiseRef.current) {
+      return;
+    }
+    if (statusRef.current !== "active") {
+      return;
+    }
+    try {
+      const isActive = await checkActive();
+      if (!mountedRef.current) {
+        return;
+      }
+      if (!isActive) {
+        void acquire().catch(() => {
+        });
+      }
+    } catch (e) {
+    }
+  }, [checkActive, acquire]);
+  (0, import_react47.useEffect)(() => {
+    if (!revalidateOnFocus) {
+      return;
+    }
+    if (typeof document === "undefined") {
+      return;
+    }
+    let hiddenAt = document.visibilityState === "hidden" ? Date.now() : null;
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "hidden") {
+        hiddenAt = Date.now();
+        return;
+      }
+      if (document.visibilityState === "visible") {
+        const elapsed = hiddenAt === null ? 0 : Date.now() - hiddenAt;
+        hiddenAt = null;
+        if (elapsed >= revalidateAfterMs) {
+          void revalidate();
+        }
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [revalidateOnFocus, revalidateAfterMs, revalidate]);
+  const value = (0, import_react47.useMemo)(() => ({ status, error, reacquire: acquire }), [status, error, acquire]);
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DelegationContext.Provider, { value, children });
+}
+
+// src/components/MeshApp.tsx
+var import_design_system20 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
-var import_mesh_sdk = require("@uniformdev/mesh-sdk");
-var import_react41 = require("react");
+var import_mesh_sdk2 = require("@uniformdev/mesh-sdk");
+var import_react48 = require("react");
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = (0, import_react41.useState)();
-  const [sdk, setSdk] = (0, import_react41.useState)();
-  const initializationInProgress = (0, import_react41.useRef)(false);
-  (0, import_react41.useEffect)(
+  const [error, setError] = (0, import_react48.useState)();
+  const [sdk, setSdk] = (0, import_react48.useState)();
+  const initializationInProgress = (0, import_react48.useRef)(false);
+  (0, import_react48.useEffect)(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
       }
       if (typeof window.UniformMeshSDK === "undefined" && !initializationInProgress.current) {
         initializationInProgress.current = true;
-        (0, import_mesh_sdk.initializeUniformMeshSDK)({ autoResizingDisabled }).then((sdk2) => {
+        (0, import_mesh_sdk2.initializeUniformMeshSDK)({ autoResizingDisabled }).then((sdk2) => {
           setSdk(sdk2);
         }).catch((err) => {
           setError(err);
@@ -4058,7 +4353,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
 };
 
 // src/components/MeshApp.tsx
-var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
 var MeshApp = ({
   children,
   loadingComponent,
@@ -4067,36 +4362,36 @@ var MeshApp = ({
   const { initializing, error, sdk } = useInitializeUniformMeshSdk();
   if (initializing || !sdk) {
     const LoadingComponent = loadingComponent;
-    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.LoadingIndicator, {});
+    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.LoadingIndicator, {});
   }
   if (error) {
     const ErrorComponent = errorComponent;
     if (ErrorComponent) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ErrorComponent, { error });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ErrorComponent, { error });
     }
     throw error;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.Theme, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.IconsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(UniformMeshLocationContextProvider, { children }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.IconsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(UniformMeshLocationContextProvider, { children }) })
   ] });
 };
 
 // src/components/ObjectSearch/DataRefreshButton.tsx
-var import_react42 = require("@emotion/react");
-var import_design_system20 = require("@uniformdev/design-system");
-var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
+var import_react49 = require("@emotion/react");
+var import_design_system21 = require("@uniformdev/design-system");
+var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
 var DataRefreshButton = ({
   buttonText,
   isLoading,
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_design_system20.Button, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
-    !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_design_system20.LoadingIndicator,
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system21.Button, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+    !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      import_design_system21.LoadingIndicator,
       {
-        css: import_react42.css`
+        css: import_react49.css`
             ${isLoading ? "opacity: 0.2;" : void 0}
           `
       }
@@ -4106,15 +4401,15 @@ var DataRefreshButton = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-var import_react45 = require("@emotion/react");
+var import_react52 = require("@emotion/react");
 var import_canvas9 = require("@uniformdev/canvas");
-var import_design_system23 = require("@uniformdev/design-system");
+var import_design_system24 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 var import_canvas8 = require("@uniformdev/canvas");
-var import_react43 = require("react");
-var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
-var ObjectSearchContext = (0, import_react43.createContext)({
+var import_react50 = require("react");
+var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
+var ObjectSearchContext = (0, import_react50.createContext)({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -4135,16 +4430,16 @@ var ObjectSearchProvider = ({
   children,
   defaultQuery
 }) => {
-  const [query, setQuery] = (0, import_react43.useState)({
+  const [query, setQuery] = (0, import_react50.useState)({
     contentType: "",
     keyword: "",
     ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
-  const querySearchDeferred = (0, import_react43.useDeferredValue)(query);
-  const [selectedItems, setSelectedItems] = (0, import_react43.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = (0, import_react43.useState)({});
-  const onSetQuery = (0, import_react43.useCallback)(
+  const querySearchDeferred = (0, import_react50.useDeferredValue)(query);
+  const [selectedItems, setSelectedItems] = (0, import_react50.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = (0, import_react50.useState)({});
+  const onSetQuery = (0, import_react50.useCallback)(
     (value2) => {
       if (Array.isArray(value2.contentType) && value2.contentType.length > 0) {
         return setQuery({
@@ -4156,7 +4451,7 @@ var ObjectSearchProvider = ({
     },
     [setQuery]
   );
-  const onSelectItem = (0, import_react43.useCallback)(
+  const onSelectItem = (0, import_react50.useCallback)(
     (selectedResult) => {
       if (Array.isArray(selectedResult)) {
         setSelectedItems(selectedResult);
@@ -4170,17 +4465,17 @@ var ObjectSearchProvider = ({
     },
     [setSelectedItems, selectedItems]
   );
-  const onRemoveAllSelectedItems = (0, import_react43.useCallback)(() => {
+  const onRemoveAllSelectedItems = (0, import_react50.useCallback)(() => {
     setSelectedItems([]);
   }, [setSelectedItems]);
-  const onSetList = (0, import_react43.useCallback)(
+  const onSetList = (0, import_react50.useCallback)(
     (value2) => {
       setList(value2);
     },
     [setList]
   );
-  const boundQuery = (0, import_react43.useMemo)(() => bindQuery(query, flatVariables), [query, flatVariables]);
-  const value = (0, import_react43.useMemo)(
+  const boundQuery = (0, import_react50.useMemo)(() => bindQuery(query, flatVariables), [query, flatVariables]);
+  const value = (0, import_react50.useMemo)(
     () => ({
       boundQuery,
       onSetQuery,
@@ -4204,10 +4499,10 @@ var ObjectSearchProvider = ({
       onSetList
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ObjectSearchContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ObjectSearchContext.Provider, { value, children });
 };
 function useObjectSearchContext() {
-  return (0, import_react43.useContext)(ObjectSearchContext);
+  return (0, import_react50.useContext)(ObjectSearchContext);
 }
 function bindQuery(query, inputs) {
   const { result, errors } = (0, import_canvas8.bindVariablesToObject)({
@@ -4222,12 +4517,12 @@ function bindQuery(query, inputs) {
 }
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
-var import_design_system22 = require("@uniformdev/design-system");
+var import_design_system23 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
-var import_react44 = require("@emotion/react");
-var import_design_system21 = require("@uniformdev/design-system");
-var ObjectListItemContainer = import_react44.css`
+var import_react51 = require("@emotion/react");
+var import_design_system22 = require("@uniformdev/design-system");
+var ObjectListItemContainer = import_react51.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4236,12 +4531,12 @@ var ObjectListItemContainer = import_react44.css`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
-var ObjectListItemContainerDisabled = import_react44.css`
+var ObjectListItemContainerDisabled = import_react51.css`
   opacity: var(--opacity-50);
   pointer-events: none;
 `;
-var ObjectListItemLoading = import_react44.css`
-  animation: ${import_design_system21.skeletonLoading} 1s linear infinite alternate;
+var ObjectListItemLoading = import_react51.css`
+  animation: ${import_design_system22.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
   position: relative;
@@ -4264,43 +4559,43 @@ var ObjectListItemLoading = import_react44.css`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = import_react44.css`
+var ObjectListItemHeadingGroup = import_react51.css`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemThumbnail = import_react44.css`
+var ObjectListItemThumbnail = import_react51.css`
   width: 30px;
   height: 30px;
   object-fit: cover;
 `;
-var ObjectListItemTitle = import_react44.css`
+var ObjectListItemTitle = import_react51.css`
   color: var(--typography-base);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = import_react44.css`
+var ObjectListItemSubtitle = import_react51.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = import_react44.css`
+var ObjectListItemInfoContainer = import_react51.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = import_react44.css`
+var ObjectListItemControlledContent = import_react51.css`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = import_react44.css`
+var ObjectListItemUnControlledContent = import_react51.css`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
-var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
 var ObjectSearchListItem = ({
   id,
   title,
@@ -4325,7 +4620,7 @@ var ObjectSearchListItem = ({
     return onSelectItem([selectedItem]);
   };
   const selected = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       role: "listitem",
@@ -4333,7 +4628,7 @@ var ObjectSearchListItem = ({
       "data-testid": "list-item",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
           "div",
           {
             role: "button",
@@ -4341,7 +4636,7 @@ var ObjectSearchListItem = ({
             css: ObjectListItemControlledContent,
             "aria-disabled": disabled,
             children: [
-              imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 "img",
                 {
                   src: imageUrl,
@@ -4350,28 +4645,28 @@ var ObjectSearchListItem = ({
                   loading: "lazy"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
-                !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
+                !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { css: ObjectListItemInfoContainer, children: [
-          selected ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system22.Chip, { text: "selected", size: "xs" }) : null,
-          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system22.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: ObjectListItemInfoContainer, children: [
+          selected ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system23.Chip, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system23.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
-        !children ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { css: ObjectListItemUnControlledContent, children })
+        !children ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { css: ObjectListItemUnControlledContent, children })
       ]
     }
   );
 };
 var ObjectSearchListItemLoadingSkeleton = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
 var ObjectSearchContainer = ({
   label,
   enableDynamicInputToResultId,
@@ -4383,19 +4678,19 @@ var ObjectSearchContainer = ({
   const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    import_design_system23.ScrollableList,
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_design_system24.ScrollableList,
     {
       role: "list",
-      css: import_react45.css`
+      css: import_react52.css`
         > div {
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
       `,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DefaultResultList, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DefaultResultList, {})
     }
   );
-  const body = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_design_system23.VerticalRhythm, { children: [
+  const body = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system24.VerticalRhythm, { children: [
     searchFilters,
     listItems
   ] });
@@ -4426,8 +4721,8 @@ var ObjectSearchContainer = ({
       }
     ]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_design_system23.VerticalRhythm, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_design_system23.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system24.VerticalRhythm, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system24.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       InputVariables,
       {
         label,
@@ -4449,21 +4744,21 @@ var DefaultResultList = () => {
   var _a;
   const { list } = useObjectSearchContext();
   if (!list.items) {
-    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ObjectSearchListItemLoadingSkeleton, {}, i));
+    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ObjectSearchListItemLoadingSkeleton, {}, i));
   }
   if (list.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_design_system23.Callout, { type: "info", children: "No results were found" });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system24.Callout, { type: "info", children: "No results were found" });
   }
-  return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ObjectSearchListItem, { ...item }, item.id));
+  return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ObjectSearchListItem, { ...item }, item.id));
 };
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
-var import_design_system24 = require("@uniformdev/design-system");
-var import_react47 = require("react");
+var import_design_system25 = require("@uniformdev/design-system");
+var import_react54 = require("react");
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-var import_react46 = require("@emotion/react");
-var ObjectSearchFilterContainerLabel = import_react46.css`
+var import_react53 = require("@emotion/react");
+var ObjectSearchFilterContainerLabel = import_react53.css`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4471,18 +4766,18 @@ var ObjectSearchFilterContainerLabel = import_react46.css`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = import_react46.css`
+var ObjectSearchFilterContainer = import_react53.css`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterGrid = (gridColumns) => import_react46.css`
+var ObjectSearchFilterGrid = (gridColumns) => import_react53.css`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
 `;
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
-var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
 var ObjectSearchFilter = ({
   requireContentType,
   typeSelectorAllTypesOptionText = "All content types",
@@ -4493,7 +4788,7 @@ var ObjectSearchFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = (0, import_react47.useState)({
+  const [searchState, setSearchState] = (0, import_react54.useState)({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : ""
   });
@@ -4503,7 +4798,7 @@ var ObjectSearchFilter = ({
     });
     onSetQuery({ ...query, ...value });
   };
-  const memoizedSelectOptions = (0, import_react47.useMemo)(() => {
+  const memoizedSelectOptions = (0, import_react54.useMemo)(() => {
     if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
       return [];
     }
@@ -4513,7 +4808,7 @@ var ObjectSearchFilter = ({
     ];
   }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
   const shouldRenderSelect = memoizedSelectOptions.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "fieldset",
     {
       css: [
@@ -4521,8 +4816,8 @@ var ObjectSearchFilter = ({
         ObjectSearchFilterGrid(shouldRenderSelect ? "1fr 2fr" : "1fr")
       ],
       children: [
-        memoizedSelectOptions.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_design_system24.InputSelect,
+        memoizedSelectOptions.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_design_system25.InputSelect,
           {
             label: selectLabel,
             showLabel: false,
@@ -4531,8 +4826,8 @@ var ObjectSearchFilter = ({
             value: query.contentType
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-          import_design_system24.DebouncedInputKeywordSearch,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_design_system25.DebouncedInputKeywordSearch,
           {
             inputFieldName: searchInputName,
             placeholder: searchInputPlaceholderText,
@@ -4548,27 +4843,27 @@ var ObjectSearchFilter = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
-var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
 var ObjectSearchFilterContainer2 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { css: ObjectSearchFilterContainer, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { css: ObjectSearchFilterContainer, children }) });
 };
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-var import_design_system26 = require("@uniformdev/design-system");
+var import_design_system27 = require("@uniformdev/design-system");
 var import_timeago = require("timeago.js");
 
 // src/components/Image/Image.tsx
-var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
 function Image({ src, alt, className }) {
   const CompImage = src && typeof src !== "string" ? src : null;
-  return CompImage ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CompImage, { className }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src, alt, className });
+  return CompImage ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CompImage, { className }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("img", { src, alt, className });
 }
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-var import_react48 = require("@emotion/react");
-var import_design_system25 = require("@uniformdev/design-system");
-var ButtonStyles = import_react48.css`
-  ${import_design_system25.button}
+var import_react55 = require("@emotion/react");
+var import_design_system26 = require("@uniformdev/design-system");
+var ButtonStyles = import_react55.css`
+  ${import_design_system26.button}
   background: transparent;
   border: 1px solid var(--typography-base);
   color: var(--typography-base);
@@ -4595,20 +4890,20 @@ var ButtonStyles = import_react48.css`
     text-decoration: none;
   }
 `;
-var ButtonIcon = import_react48.css`
+var ButtonIcon = import_react55.css`
   width: 1rem;
   height: 1rem;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
-var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
 var ObjectSearchResultItemButton = ({
   text,
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("button", { type: "button", css: ButtonStyles, ...props, children: [
-    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Image, { src: icon, css: ButtonIcon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("button", { type: "button", css: ButtonStyles, ...props, children: [
+    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
@@ -4617,15 +4912,15 @@ var LinkButton = ({
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
-    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Image, { src: icon, css: ButtonIcon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
+    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-var import_react49 = require("@emotion/react");
-var ObjectSearchResultItemContainer = import_react49.css`
+var import_react56 = require("@emotion/react");
+var ObjectSearchResultItemContainer = import_react56.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4641,7 +4936,7 @@ var ObjectSearchResultItemContainer = import_react49.css`
     }
   }
 `;
-var ObjectSearchDragHandle = import_react49.css`
+var ObjectSearchDragHandle = import_react56.css`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4650,47 +4945,47 @@ var ObjectSearchDragHandle = import_react49.css`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = import_react49.css`
+var ObjectSearchResultItemSubtitle = import_react56.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = import_react49.css`
+var ObjectSearchResultItemTitle = import_react56.css`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = import_react49.css`
+var ObjectSearchResultItemTimeStamp = import_react56.css`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchResultItemTitleLink = import_react49.css`
+var ObjectSearchResultItemTitleLink = import_react56.css`
   text-decoration: none;
   color: var(--primary-action-default);
   font-size: var(--fs-sm);
 `;
-var ObjectSearchAuthorStateGroup = import_react49.css`
+var ObjectSearchAuthorStateGroup = import_react56.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = import_react49.css`
+var ObjectSearchUpdateGroup = import_react56.css`
   display: grid;
 `;
-var ObjectSearchContentContainer = import_react49.css`
+var ObjectSearchContentContainer = import_react56.css`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = import_react49.css`
+var ObjectSearchImage = import_react56.css`
   width: 56px;
   height: 56px;
   object-fit: cover;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
 var ObjectSearchResultItem = ({
   id,
   title,
@@ -4714,10 +5009,10 @@ var ObjectSearchResultItem = ({
     onSelectItem({ id, title: id });
     onRemove == null ? void 0 : onRemove();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
-    disableDnD ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchContentContainer, children: [
-      !imageUrl ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
+    disableDnD ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchContentContainer, children: [
+      !imageUrl ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "img",
         {
           src: imageUrl,
@@ -4726,11 +5021,11 @@ var ObjectSearchResultItem = ({
           loading: "lazy"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
-          onClick ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-            import_design_system26.Link,
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
+          onClick ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            import_design_system27.Link,
             {
               onClick: (e) => {
                 e.preventDefault();
@@ -4741,28 +5036,28 @@ var ObjectSearchResultItem = ({
               text: title != null ? title : name,
               css: ObjectSearchResultItemTitleLink
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: title != null ? title : name }),
-          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system26.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: title != null ? title : name }),
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
-        !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
-          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system26.Chip, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
-          !createdAt && !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchUpdateGroup, children: [
-            !createdAt ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("strong", { children: "Last updated: " }),
+        !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
+          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Chip, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
+          !createdAt && !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchUpdateGroup, children: [
+            !createdAt ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("small", { css: ObjectSearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("strong", { children: "Last updated: " }),
               (0, import_timeago.format)(createdAt)
             ] }),
-            !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("strong", { children: "Last published: " }),
+            !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("small", { css: ObjectSearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("strong", { children: "Last published: " }),
               (0, import_timeago.format)(publishedAt)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children })
       ] })
     ] }) }),
-    !editLink && hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
-      !editLink ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system26.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+    !editLink && hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
+      !editLink ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
+      hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
@@ -4783,35 +5078,35 @@ function legacyThemeMapper(theme) {
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
 var import_dnd3 = require("@hello-pangea/dnd");
-var import_design_system27 = require("@uniformdev/design-system");
+var import_design_system28 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-var import_react50 = require("@emotion/react");
-var ObjectSearchResultListContainer = import_react50.css`
+var import_react57 = require("@emotion/react");
+var ObjectSearchResultListContainer = import_react57.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = import_react50.css`
+var ObjectSearchDragContainer = import_react57.css`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = import_react50.css`
+var ObjectSearchContainerDragging = import_react57.css`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = import_react50.css`
+var ObjectSearchResultListCounterContainer = import_react57.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = import_react50.css`
+var ObjectSearchResultListTitle = import_react57.css`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-var import_jsx_runtime55 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
 var DroppableHack2 = import_dnd3.Droppable;
 var DraggableHack2 = import_dnd3.Draggable;
 function ObjectSearchResultList({
@@ -4821,7 +5116,7 @@ function ObjectSearchResultList({
   hideRemoveButton = false,
   resultLabelOverride,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ObjectSearchResultItem, { ...value }),
+  renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
@@ -4848,7 +5143,7 @@ function ObjectSearchResultList({
       ...item,
       disableDnD: selectedListItems.length === 1 || disableDnD
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       "div",
       {
         css: [
@@ -4863,17 +5158,17 @@ function ObjectSearchResultList({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { role: "group", css: ObjectSearchResultListContainer, children: [
-      !resultLabelOverride ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { role: "group", css: ObjectSearchResultListContainer, children: [
+      !resultLabelOverride ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
         " ",
-        !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_design_system27.Counter, { count: selectedListItems.length })
+        !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system28.Counter, { count: selectedListItems.length })
       ] }) : resultLabelOverride,
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { css: ObjectSearchResultListCounterContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { css: ObjectSearchResultListCounterContainer, children: [
         additionalButtons,
-        hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-          import_design_system27.Button,
+        hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          import_design_system28.Button,
           {
             buttonType: "ghostDestructive",
             size: "xs",
@@ -4884,15 +5179,15 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       DroppableHack2,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
         renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
         getContainerForClone: getContainerForDnDReparenting,
-        children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+        children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
           selectedListItems.map((item, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               DraggableHack2,
               {
                 draggableId: item.id,
@@ -4911,9 +5206,9 @@ function ObjectSearchResultList({
 }
 
 // src/components/ObjectSearch/QueryFilter.tsx
-var import_design_system28 = require("@uniformdev/design-system");
-var import_react51 = require("react");
-var import_jsx_runtime56 = require("@emotion/react/jsx-runtime");
+var import_design_system29 = require("@uniformdev/design-system");
+var import_react58 = require("react");
+var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
 var QueryFilter = ({
   requireContentType,
   queryFilterTitle = "Configure Query",
@@ -4941,7 +5236,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = (0, import_react51.useState)({
+  const [queryState, setQueryState] = (0, import_react58.useState)({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : "",
     count: (_c = query.count) != null ? _c : 5,
@@ -4952,13 +5247,13 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  (0, import_react51.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     onSetQuery(queryState);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("fieldset", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_design_system28.VerticalRhythm, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("fieldset", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_design_system29.VerticalRhythm, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         InputVariables,
         {
           label: searchInputLabel,
@@ -4966,8 +5261,8 @@ var QueryFilter = ({
           onChange: (newQuery) => handleFilterChange({ keyword: newQuery }),
           disableInlineMenu: true,
           id: "qf_searchText",
-          inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            import_design_system28.DebouncedInputKeywordSearch,
+          inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            import_design_system29.DebouncedInputKeywordSearch,
             {
               id: "qf_searchText",
               inputFieldName: searchInputName,
@@ -4980,8 +5275,8 @@ var QueryFilter = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             label: contentTypeLabel,
@@ -4989,8 +5284,8 @@ var QueryFilter = ({
             value: (_g = queryState.contentType) != null ? _g : "",
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              import_design_system28.InputSelect,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              import_design_system29.InputSelect,
               {
                 id: "qf_contentType",
                 label: contentTypeLabel,
@@ -5003,7 +5298,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             label: countLabel,
@@ -5012,8 +5307,8 @@ var QueryFilter = ({
             onChange: (newCount) => handleFilterChange({ count: newCount }),
             disableInlineMenu: true,
             valueToResetTo: "5",
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              import_design_system28.Input,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              import_design_system29.Input,
               {
                 id: "qf_count",
                 label: countLabel,
@@ -5027,8 +5322,8 @@ var QueryFilter = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             id: "qf_sortBy",
@@ -5036,8 +5331,8 @@ var QueryFilter = ({
             value: queryState.sortBy,
             onChange: (newSortBy) => handleFilterChange({ sortBy: newSortBy }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              import_design_system28.InputSelect,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              import_design_system29.InputSelect,
               {
                 label: sortLabel,
                 id: "qf_sortBy",
@@ -5050,7 +5345,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             label: sortOrderLabel,
@@ -5058,8 +5353,8 @@ var QueryFilter = ({
             value: queryState.sortOrder,
             onChange: (newSort) => handleFilterChange({ sortOrder: newSort }),
             disableInlineMenu: true,
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-              import_design_system28.InputSelect,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              import_design_system29.InputSelect,
               {
                 label: sortOrderLabel,
                 id: "qf_sortOrder",
@@ -5078,8 +5373,8 @@ var QueryFilter = ({
 };
 
 // src/components/ParamTypeDynamicDataProvider.tsx
-var import_react52 = require("react");
-var import_jsx_runtime57 = require("@emotion/react/jsx-runtime");
+var import_react59 = require("react");
+var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
   const {
@@ -5087,11 +5382,11 @@ function ParamTypeDynamicDataProvider(props) {
   } = useMeshLocation("paramType");
   const dynamicInputsAsVariables = useDynamicInputsAsVariables(dynamicInputs);
   const connectedDataAsVariables = useConnectedDataAsVariables(connectedData);
-  const variables = (0, import_react52.useMemo)(
+  const variables = (0, import_react59.useMemo)(
     () => ({ ...connectedDataAsVariables, ...dynamicInputsAsVariables }),
     [dynamicInputsAsVariables, connectedDataAsVariables]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(VariablesProvider, { value: variables, onChange: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(VariablesProvider, { value: variables, onChange: () => {
   }, editVariableComponent: JsonMeshVariableEditor, children });
 }
 var JsonMeshVariableEditor = ({
@@ -5100,9 +5395,9 @@ var JsonMeshVariableEditor = ({
   variable,
   context
 }) => {
-  const sillyRef = (0, import_react52.useRef)(false);
+  const sillyRef = (0, import_react59.useRef)(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  (0, import_react52.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (sillyRef.current) {
       return;
     }
@@ -5571,10 +5866,10 @@ var MULTI_SELECT_OPERATORS = [
 ];
 
 // src/components/SearchAndFilter/editors/DateEditor.tsx
-var import_design_system29 = require("@uniformdev/design-system");
-var import_react53 = require("react");
+var import_design_system30 = require("@uniformdev/design-system");
+var import_react60 = require("react");
 var import_react_use2 = require("react-use");
-var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
 var DateEditor = ({
   onChange,
   ariaLabel,
@@ -5583,10 +5878,10 @@ var DateEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react53.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react60.useState)(value != null ? value : "");
   (0, import_react_use2.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_design_system29.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_design_system30.Input,
     {
       type: "date",
       label: ariaLabel,
@@ -5601,22 +5896,22 @@ var DateEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
-var import_design_system31 = require("@uniformdev/design-system");
-var import_react54 = require("react");
+var import_design_system32 = require("@uniformdev/design-system");
+var import_react61 = require("react");
 var import_react_use3 = require("react-use");
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
-var import_design_system30 = require("@uniformdev/design-system");
-var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
+var import_design_system31 = require("@uniformdev/design-system");
+var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
 var ErrorContainer = ({ errorMessage }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       css: {
         gridColumn: "span 6",
         order: 6
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_design_system30.FieldMessage, { errorMessage })
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_design_system31.FieldMessage, { errorMessage })
     }
   );
 };
@@ -5629,7 +5924,7 @@ var twoColumnGrid = {
 };
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
-var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
 var DateRangeEditor = ({
   ariaLabel,
   onChange,
@@ -5638,9 +5933,9 @@ var DateRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minDateValue, setMinDateValue] = (0, import_react54.useState)(value ? value[0] : "");
-  const [maxDateValue, setMaxDateValue] = (0, import_react54.useState)(value ? value[1] : "");
-  const [error, setError] = (0, import_react54.useState)("");
+  const [minDateValue, setMinDateValue] = (0, import_react61.useState)(value ? value[0] : "");
+  const [maxDateValue, setMaxDateValue] = (0, import_react61.useState)(value ? value[1] : "");
+  const [error, setError] = (0, import_react61.useState)("");
   (0, import_react_use3.useDebounce)(
     () => {
       if (minDateValue && maxDateValue && !error) {
@@ -5652,7 +5947,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  (0, import_react54.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5687,10 +5982,10 @@ var DateRangeEditor = ({
       setMaxDateValue("");
     }
   }, [minDateValue, maxDateValue, setError]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-        import_design_system31.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        import_design_system32.Input,
         {
           label: `${ariaLabel}-min-date`,
           type: "date",
@@ -5703,8 +5998,8 @@ var DateRangeEditor = ({
           "data-testid": "value-low"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-        import_design_system31.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        import_design_system32.Input,
         {
           label: `${ariaLabel}-max-date`,
           type: "date",
@@ -5718,13 +6013,13 @@ var DateRangeEditor = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorContainer, { errorMessage: error })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ErrorContainer, { errorMessage: error })
   ] });
 };
 
 // src/components/SearchAndFilter/editors/FilterMultiChoiceEditor.tsx
-var import_design_system32 = require("@uniformdev/design-system");
-var import_react55 = require("react");
+var import_design_system33 = require("@uniformdev/design-system");
+var import_react62 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/readOnlyAttributes.tsx
 var readOnlyAttributes = {
@@ -5734,7 +6029,7 @@ var readOnlyAttributes = {
 };
 
 // src/components/SearchAndFilter/editors/FilterMultiChoiceEditor.tsx
-var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
 var FilterMultiChoiceEditor = ({
   value,
   options,
@@ -5745,12 +6040,12 @@ var FilterMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = (0, import_react55.useMemo)(
-    () => (0, import_design_system32.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
+  const { groupedOptions, selectedOptions } = (0, import_react62.useMemo)(
+    () => (0, import_design_system33.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-    import_design_system32.InputComboBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    import_design_system33.InputComboBox,
     {
       ...props,
       placeholder: "Type to search...",
@@ -5759,7 +6054,7 @@ var FilterMultiChoiceEditor = ({
       isClearable,
       isDisabled: disabled,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system32.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system33.getComboBoxSelectedSelectableGroups)(e);
         return props.onChange([...selectedValues]);
       },
       value: selectedOptions,
@@ -5778,9 +6073,9 @@ var FilterMultiChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/FilterSingleChoiceEditor.tsx
-var import_design_system33 = require("@uniformdev/design-system");
-var import_react56 = require("react");
-var import_jsx_runtime62 = require("@emotion/react/jsx-runtime");
+var import_design_system34 = require("@uniformdev/design-system");
+var import_react63 = require("react");
+var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
 var FilterSingleChoiceEditor = ({
   options,
   value,
@@ -5790,16 +6085,16 @@ var FilterSingleChoiceEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react56.useMemo)(
-    () => (0, import_design_system33.convertComboBoxGroupsToSelectableGroups)({
+  const { groupedOptions, selectedOptions } = (0, import_react63.useMemo)(
+    () => (0, import_design_system34.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [String(value)] : void 0),
       selectionMode: "single"
     }),
     [options, value]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    import_design_system33.InputComboBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    import_design_system34.InputComboBox,
     {
       placeholder: "Type to search...",
       options: groupedOptions,
@@ -5827,10 +6122,10 @@ var FilterSingleChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
-var import_design_system34 = require("@uniformdev/design-system");
-var import_react57 = require("react");
+var import_design_system35 = require("@uniformdev/design-system");
+var import_react64 = require("react");
 var import_react_use4 = require("react-use");
-var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
 var NumberEditor = ({
   ariaLabel,
   onChange,
@@ -5839,10 +6134,10 @@ var NumberEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react57.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react64.useState)(value != null ? value : "");
   (0, import_react_use4.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    import_design_system34.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    import_design_system35.Input,
     {
       label: ariaLabel,
       type: "number",
@@ -5858,10 +6153,10 @@ var NumberEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
-var import_design_system35 = require("@uniformdev/design-system");
-var import_react58 = require("react");
+var import_design_system36 = require("@uniformdev/design-system");
+var import_react65 = require("react");
 var import_react_use5 = require("react-use");
-var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
 var NumberRangeEditor = ({
   onChange,
   disabled,
@@ -5870,9 +6165,9 @@ var NumberRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minValue, setMinValue] = (0, import_react58.useState)("");
-  const [maxValue, setMaxValue] = (0, import_react58.useState)("");
-  const [error, setError] = (0, import_react58.useState)("");
+  const [minValue, setMinValue] = (0, import_react65.useState)("");
+  const [maxValue, setMaxValue] = (0, import_react65.useState)("");
+  const [error, setError] = (0, import_react65.useState)("");
   (0, import_react_use5.useDebounce)(
     () => {
       if (minValue && maxValue && !error) {
@@ -5884,7 +6179,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -5906,10 +6201,10 @@ var NumberRangeEditor = ({
       setMaxValue(maxValue);
     }
   }, [maxValue, minValue, setError]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        import_design_system35.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        import_design_system36.Input,
         {
           label: `${ariaLabel}-min`,
           type: "number",
@@ -5924,8 +6219,8 @@ var NumberRangeEditor = ({
           "data-testid": "value-low"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        import_design_system35.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        import_design_system36.Input,
         {
           type: "number",
           label: `${ariaLabel}-max`,
@@ -5941,20 +6236,20 @@ var NumberRangeEditor = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ErrorContainer, { errorMessage: error })
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ErrorContainer, { errorMessage: error })
   ] });
 };
 
 // src/components/SearchAndFilter/editors/StatusMultiEditor.tsx
-var import_design_system37 = require("@uniformdev/design-system");
-var import_react59 = require("react");
+var import_design_system38 = require("@uniformdev/design-system");
+var import_react66 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/CustomOptions.tsx
-var import_design_system36 = require("@uniformdev/design-system");
-var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
+var import_design_system37 = require("@uniformdev/design-system");
+var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
 var CustomOptions = ({ label, value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    import_design_system36.StatusBullet,
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    import_design_system37.StatusBullet,
     {
       status: label,
       message: Array.isArray(value) ? value.join(",") : value
@@ -5963,7 +6258,7 @@ var CustomOptions = ({ label, value }) => {
 };
 
 // src/components/SearchAndFilter/editors/StatusMultiEditor.tsx
-var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
 var StatusMultiEditor = ({
   options,
   value,
@@ -5973,17 +6268,17 @@ var StatusMultiEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react59.useMemo)(
-    () => (0, import_design_system37.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
+  const { groupedOptions, selectedOptions } = (0, import_react66.useMemo)(
+    () => (0, import_design_system38.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-    import_design_system37.InputComboBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    import_design_system38.InputComboBox,
     {
       options: groupedOptions != null ? groupedOptions : [],
       isMulti: true,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system37.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system38.getComboBoxSelectedSelectableGroups)(e);
         return onChange([...selectedValues]);
       },
       formatOptionLabel: CustomOptions,
@@ -6004,9 +6299,9 @@ var StatusMultiEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/StatusSingleEditor.tsx
-var import_design_system38 = require("@uniformdev/design-system");
-var import_react60 = require("react");
-var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
+var import_design_system39 = require("@uniformdev/design-system");
+var import_react67 = require("react");
+var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
 var StatusSingleEditor = ({
   options,
   value,
@@ -6016,16 +6311,16 @@ var StatusSingleEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react60.useMemo)(
-    () => (0, import_design_system38.convertComboBoxGroupsToSelectableGroups)({
+  const { groupedOptions, selectedOptions } = (0, import_react67.useMemo)(
+    () => (0, import_design_system39.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [value] : void 0),
       selectionMode: "single"
     }),
     [options, value]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    import_design_system38.InputComboBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    import_design_system39.InputComboBox,
     {
       options: groupedOptions,
       onChange: (e) => {
@@ -6052,10 +6347,10 @@ var StatusSingleEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/TextEditor.tsx
-var import_design_system39 = require("@uniformdev/design-system");
-var import_react61 = require("react");
+var import_design_system40 = require("@uniformdev/design-system");
+var import_react68 = require("react");
 var import_react_use6 = require("react-use");
-var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
 var TextEditor = ({
   onChange,
   ariaLabel,
@@ -6063,10 +6358,10 @@ var TextEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react61.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react68.useState)(value != null ? value : "");
   (0, import_react_use6.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-    import_design_system39.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    import_design_system40.Input,
     {
       showLabel: false,
       label: ariaLabel,
@@ -6080,9 +6375,9 @@ var TextEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/TextMultiChoiceEditor.tsx
-var import_design_system40 = require("@uniformdev/design-system");
-var import_react62 = require("react");
-var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
+var import_design_system41 = require("@uniformdev/design-system");
+var import_react69 = require("react");
+var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
 var TextMultiChoiceEditor = ({
   value,
   disabled,
@@ -6092,14 +6387,14 @@ var TextMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = (0, import_react62.useMemo)(() => {
+  const { groupedOptions, selectedOptions } = (0, import_react69.useMemo)(() => {
     var _a;
     const coercedValue = typeof value === "string" ? [value] : value != null ? value : [];
     const options = (_a = coercedValue.map((v) => ({ label: v, value: v }))) != null ? _a : [];
-    return (0, import_design_system40.convertComboBoxGroupsToSelectableGroups)({ options, selectedItems: new Set(value) });
+    return (0, import_design_system41.convertComboBoxGroupsToSelectableGroups)({ options, selectedItems: new Set(value) });
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-    import_design_system40.InputCreatableComboBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    import_design_system41.InputCreatableComboBox,
     {
       ...props,
       placeholder: "Type a value\u2026",
@@ -6109,7 +6404,7 @@ var TextMultiChoiceEditor = ({
       isClearable,
       isDisabled: disabled,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system40.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system41.getComboBoxSelectedSelectableGroups)(e);
         return props.onChange([...selectedValues]);
       },
       value: selectedOptions,
@@ -6128,31 +6423,31 @@ var TextMultiChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/FilterButton.tsx
-var import_design_system42 = require("@uniformdev/design-system");
+var import_design_system43 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
-var import_react63 = require("@emotion/react");
-var import_design_system41 = require("@uniformdev/design-system");
-var SearchAndFilterControlsWrapper = (gridColumns) => import_react63.css`
+var import_react70 = require("@emotion/react");
+var import_design_system42 = require("@uniformdev/design-system");
+var SearchAndFilterControlsWrapper = (gridColumns) => import_react70.css`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var SearchAndFilterOutterControlWrapper = (gridColumns) => import_react63.css`
+var SearchAndFilterOutterControlWrapper = (gridColumns) => import_react70.css`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var ConditionalFilterRow = import_react63.css`
+var ConditionalFilterRow = import_react70.css`
   align-items: baseline;
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
   margin-left: var(--spacing-base);
 
-  ${(0, import_design_system41.cq)("380px")} {
+  ${(0, import_design_system42.cq)("380px")} {
     &:after {
       content: '';
       display: block;
@@ -6171,22 +6466,22 @@ var ConditionalFilterRow = import_react63.css`
     grid-template-columns: 50px 1fr;
   }
 
-  ${(0, import_design_system41.cq)("580px")} {
+  ${(0, import_design_system42.cq)("580px")} {
     &:after {
       display: none;
     }
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    animation: ${import_design_system41.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
+    animation: ${import_design_system42.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow = import_react63.css`
+var ConditionalInputRow = import_react70.css`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
 
-  ${(0, import_design_system41.cq)("380px")} {
+  ${(0, import_design_system42.cq)("380px")} {
     & > div:nth-child(-n + 2) {
       width: calc(50% - var(--spacing-sm));
     }
@@ -6195,7 +6490,7 @@ var ConditionalInputRow = import_react63.css`
       width: calc(100% - 48px);
     }
   }
-  ${(0, import_design_system41.cq)("764px")} {
+  ${(0, import_design_system42.cq)("764px")} {
     align-items: flex-start;
     display: grid;
     grid-template-columns: 250px 160px 1fr 32px;
@@ -6205,16 +6500,16 @@ var ConditionalInputRow = import_react63.css`
     }
   }
 `;
-var ConditionalInputRowEmpty = import_react63.css`
+var ConditionalInputRowEmpty = import_react70.css`
   flex-wrap: nowrap;
 `;
-var SearchInput = import_react63.css`
+var SearchInput = import_react70.css`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var BindableKeywordSearchInputStyles = import_react63.css`
+var BindableKeywordSearchInputStyles = import_react70.css`
   position: relative;
   width: 100%;
 
@@ -6229,19 +6524,19 @@ var BindableKeywordSearchInputStyles = import_react63.css`
     white-space: nowrap;
   }
 `;
-var ClearSearchButtonContainer = import_react63.css`
+var ClearSearchButtonContainer = import_react70.css`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-lg) 0 auto;
 `;
-var ClearSearchButtonStyles = import_react63.css`
+var ClearSearchButtonStyles = import_react70.css`
   background: none;
   border: none;
   padding: 0;
   pointer-events: all;
 `;
-var FilterButton = import_react63.css`
+var FilterButton = import_react70.css`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -6278,13 +6573,13 @@ var FilterButton = import_react63.css`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText = import_react63.css`
+var FilterButtonText = import_react70.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected = import_react63.css`
+var FilterButtonSelected = import_react70.css`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -6292,7 +6587,7 @@ var FilterButtonSelected = import_react63.css`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions = import_react63.css`
+var FilterButtonWithOptions = import_react70.css`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -6304,14 +6599,14 @@ var FilterButtonWithOptions = import_react63.css`
     }
   }
 `;
-var SearchIcon = import_react63.css`
+var SearchIcon = import_react70.css`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn = import_react63.css`
+var AddConditionalBtn = import_react70.css`
   align-items: center;
   background: transparent;
   border: none;
@@ -6330,14 +6625,14 @@ var AddConditionalBtn = import_react63.css`
     color: var(--gray-400);
   }
 `;
-var Title = import_react63.css`
+var Title = import_react70.css`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn = import_react63.css`
+var ResetConditionsBtn = import_react70.css`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -6352,7 +6647,7 @@ var ResetConditionsBtn = import_react63.css`
     color: var(--gray-400);
   }
 `;
-var CriteriaGroupOperatorTrigger = import_react63.css`
+var CriteriaGroupOperatorTrigger = import_react70.css`
   && {
     padding: 0;
     border-radius: var(--rounded-sm);
@@ -6371,13 +6666,13 @@ var CriteriaGroupOperatorTrigger = import_react63.css`
     }
   }
 `;
-var IconBtn = import_react63.css`
+var IconBtn = import_react70.css`
   align-self: center;
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer = import_react63.css`
+var SearchAndFilterOptionsContainer = import_react70.css`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6388,17 +6683,17 @@ var SearchAndFilterOptionsContainer = import_react63.css`
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
 `;
-var SearchAndFilterOptionsInnerContainer = import_react63.css`
+var SearchAndFilterOptionsInnerContainer = import_react70.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup = import_react63.css`
+var SearchAndFilterButtonGroup = import_react70.css`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SearchAndFilterAdditionalContainer = import_react63.css`
+var SearchAndFilterAdditionalContainer = import_react70.css`
   align-items: center;
   border-top: 1px solid var(--gray-300);
   display: flex;
@@ -6408,17 +6703,17 @@ var SearchAndFilterAdditionalContainer = import_react63.css`
 `;
 
 // src/components/SearchAndFilter/FilterButton.tsx
-var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
 var FilterButton2 = ({
   text = "Filters",
-  icon = import_design_system42.customIcons["filter-add"],
+  icon = import_design_system43.customIcons["filter-add"],
   filterCount,
   hasSelectedValue,
   dataTestId,
   showDropdownIcon,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "button",
     {
       type: "button",
@@ -6430,10 +6725,10 @@ var FilterButton2 = ({
       ...props,
       "data-testid": dataTestId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_design_system42.Icon, { icon, iconColor: "currentColor", size: "1rem" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_design_system42.Counter, { count: filterCount, bgColor: "var(--white)" }) : null,
-        showDropdownIcon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_design_system42.Icon, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Icon, { icon, iconColor: "currentColor", size: "1rem" }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { css: FilterButtonText, children: text }),
+        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Counter, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Icon, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -6442,25 +6737,25 @@ var FilterButton2 = ({
 // src/components/SearchAndFilter/FilterControls.tsx
 var import_CgClose = require("@react-icons/all-files/cg/CgClose");
 var import_canvas10 = require("@uniformdev/canvas");
-var import_design_system44 = require("@uniformdev/design-system");
+var import_design_system45 = require("@uniformdev/design-system");
 var import_lexical11 = require("lexical");
-var import_react65 = require("react");
+var import_react72 = require("react");
 var import_react_use7 = require("react-use");
 var import_uuid2 = require("uuid");
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
-var import_design_system43 = require("@uniformdev/design-system");
-var import_react64 = require("react");
+var import_design_system44 = require("@uniformdev/design-system");
+var import_react71 = require("react");
 
 // src/components/SearchAndFilter/FilterEditor.tsx
-var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
 var FilterEditorRenderer = ({ editorType, ...props }) => {
   const { filterMapper: contextFilterMapper } = useSearchAndFilter();
   const Editor = contextFilterMapper == null ? void 0 : contextFilterMapper[editorType];
   if (!Editor || editorType === "empty") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", {});
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", {});
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Editor, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Editor, { ...props });
 };
 var filterMapper = {
   multiChoice: FilterMultiChoiceEditor,
@@ -6478,9 +6773,9 @@ var filterMapper = {
 function withInputVariables(WrappedComponent, noSwapping = false) {
   const WithInputVariables = (props) => {
     if (Array.isArray(props.value) || !props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(WrappedComponent, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       InputVariables,
       {
         "data-testid": "filter-value",
@@ -6489,7 +6784,7 @@ function withInputVariables(WrappedComponent, noSwapping = false) {
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
         value: props.value,
         disabled: props.disabled,
-        inputWhenNoVariables: noSwapping ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(WrappedComponent, { ...props })
+        inputWhenNoVariables: noSwapping ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WrappedComponent, { ...props })
       }
     );
   };
@@ -6499,9 +6794,9 @@ function withInputVariablesForMultiValue(WrappedComponent) {
   const WithInputVariables = (props) => {
     var _a;
     if (!props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(WrappedComponent, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       InputVariables,
       {
         "data-testid": "filter-value",
@@ -6509,7 +6804,7 @@ function withInputVariablesForMultiValue(WrappedComponent) {
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
         value: (_a = props.value) == null ? void 0 : _a[0],
-        inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(WrappedComponent, { ...props })
+        inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WrappedComponent, { ...props })
       }
     );
   };
@@ -6525,8 +6820,8 @@ var bindableFiltersMapper = {
 };
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
-var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
-var SearchAndFilterContext = (0, import_react64.createContext)({
+var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
+var SearchAndFilterContext = (0, import_react71.createContext)({
   searchTerm: "",
   setSearchTerm: () => {
   },
@@ -6565,17 +6860,17 @@ var SearchAndFilterProvider = ({
   children,
   allowBindingSearchTerm
 }) => {
-  const [searchTerm, setSearchTerm] = (0, import_react64.useState)(defaultSearchTerm);
-  const deferredSearchTerm = (0, import_react64.useDeferredValue)(searchTerm);
-  const [filterVisibility, setFilterVisibility] = (0, import_react64.useState)(alwaysVisible || filterVisible);
-  const handleSearchTerm = (0, import_react64.useCallback)(
+  const [searchTerm, setSearchTerm] = (0, import_react71.useState)(defaultSearchTerm);
+  const deferredSearchTerm = (0, import_react71.useDeferredValue)(searchTerm);
+  const [filterVisibility, setFilterVisibility] = (0, import_react71.useState)(alwaysVisible || filterVisible);
+  const handleSearchTerm = (0, import_react71.useCallback)(
     (term) => {
       setSearchTerm(term);
       onSearchChange == null ? void 0 : onSearchChange(term);
     },
     [setSearchTerm, onSearchChange]
   );
-  const handleToggleFilterVisibility = (0, import_react64.useCallback)(
+  const handleToggleFilterVisibility = (0, import_react71.useCallback)(
     (visible) => {
       if (alwaysVisible) {
         return;
@@ -6584,10 +6879,10 @@ var SearchAndFilterProvider = ({
     },
     [alwaysVisible]
   );
-  const handleAddFilter = (0, import_react64.useCallback)(() => {
+  const handleAddFilter = (0, import_react71.useCallback)(() => {
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
-  const handleResetFilters = (0, import_react64.useCallback)(() => {
+  const handleResetFilters = (0, import_react71.useCallback)(() => {
     setSearchTerm("");
     if (onResetFilterValues) {
       return onResetFilterValues();
@@ -6595,20 +6890,20 @@ var SearchAndFilterProvider = ({
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
   }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
-  const handleDeleteFilter = (0, import_react64.useCallback)(
+  const handleDeleteFilter = (0, import_react71.useCallback)(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
       onChange(remainingFilters);
     },
     [filters, onChange]
   );
-  const validFilterQuery = (0, import_react64.useMemo)(() => {
+  const validFilterQuery = (0, import_react71.useMemo)(() => {
     const hasValidFilters = filters.every((f) => f.field && f.operator && f.value);
     if (hasValidFilters) {
       return filters;
     }
   }, [filters]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (filterVisibility) {
       const handleEscKeyFilterClose = (e) => {
         if (e.key === "Escape") {
@@ -6621,7 +6916,7 @@ var SearchAndFilterProvider = ({
       };
     }
   }, [filterVisibility, handleToggleFilterVisibility]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     SearchAndFilterContext.Provider,
     {
       value: {
@@ -6641,17 +6936,17 @@ var SearchAndFilterProvider = ({
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.VerticalRhythm, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_design_system44.VerticalRhythm, { children })
     }
   );
 };
 var useSearchAndFilter = () => {
-  const value = (0, import_react64.useContext)(SearchAndFilterContext);
+  const value = (0, import_react71.useContext)(SearchAndFilterContext);
   return { ...value };
 };
 
 // src/components/SearchAndFilter/FilterControls.tsx
-var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
 var FilterControls = ({
   children,
   hideSearchInput
@@ -6664,10 +6959,10 @@ var FilterControls = ({
     searchTerm,
     allowBindingSearchTerm
   } = useSearchAndFilter();
-  const editorRef = (0, import_react65.useRef)(null);
+  const editorRef = (0, import_react72.useRef)(null);
   const variableRefernceCountInSearchTerm = (0, import_canvas10.hasReferencedVariables)(searchTerm);
-  const [idToResetInputVariables, setIdToResetInputVariables] = (0, import_react65.useState)("data-resource-search-term-input");
-  const [localSearchTerm, setLocalSearchTerm] = (0, import_react65.useState)(searchTerm);
+  const [idToResetInputVariables, setIdToResetInputVariables] = (0, import_react72.useState)("data-resource-search-term-input");
+  const [localSearchTerm, setLocalSearchTerm] = (0, import_react72.useState)(searchTerm);
   (0, import_react_use7.useDebounce)(
     () => {
       if (localSearchTerm !== searchTerm) {
@@ -6677,14 +6972,14 @@ var FilterControls = ({
     300,
     [localSearchTerm]
   );
-  (0, import_react65.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (searchTerm === "") {
       setLocalSearchTerm("");
       setIdToResetInputVariables(`data-resource-search-term-input-${(0, import_uuid2.v4)()}`);
     }
   }, [searchTerm]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       FilterButton2,
       {
         "aria-controls": "search-and-filter-options",
@@ -6697,8 +6992,8 @@ var FilterControls = ({
         dataTestId: "filters-button"
       }
     ),
-    hideSearchInput ? null : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { css: BindableKeywordSearchInputStyles, "data-testid": "search-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    hideSearchInput ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { css: BindableKeywordSearchInputStyles, "data-testid": "search-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         InputVariables,
         {
           label: "",
@@ -6708,8 +7003,8 @@ var FilterControls = ({
           value: localSearchTerm,
           onChange: (value) => setLocalSearchTerm(value != null ? value : ""),
           disableVariables: !allowBindingSearchTerm,
-          inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-            import_design_system44.InputKeywordSearch,
+          inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            import_design_system45.InputKeywordSearch,
             {
               placeholder: "Search...",
               onSearchTextChanged: (e) => setLocalSearchTerm(e),
@@ -6727,7 +7022,7 @@ var FilterControls = ({
           )
         }
       ),
-      variableRefernceCountInSearchTerm ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { css: ClearSearchButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      variableRefernceCountInSearchTerm ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { css: ClearSearchButtonContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "button",
         {
           css: ClearSearchButtonStyles,
@@ -6741,7 +7036,7 @@ var FilterControls = ({
           },
           type: "button",
           "data-testid": "keyword-search-clear-button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_design_system44.Icon, { icon: import_CgClose.CgClose, iconColor: "red", size: "1rem" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system45.Icon, { icon: import_CgClose.CgClose, iconColor: "red", size: "1rem" })
         }
       ) }) : null
     ] }),
@@ -6751,8 +7046,8 @@ var FilterControls = ({
 
 // src/components/SearchAndFilter/FilterItem.tsx
 var import_CgTrash2 = require("@react-icons/all-files/cg/CgTrash");
-var import_design_system45 = require("@uniformdev/design-system");
-var import_react66 = require("react");
+var import_design_system46 = require("@uniformdev/design-system");
+var import_react73 = require("react");
 
 // src/components/SearchAndFilter/util/isFilterBindable.ts
 function isFilterBindable(filter, operator) {
@@ -6761,7 +7056,7 @@ function isFilterBindable(filter, operator) {
 }
 
 // src/components/SearchAndFilter/FilterItem.tsx
-var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
 var FilterItem = ({
   index,
   operatorOptions,
@@ -6780,7 +7075,7 @@ var FilterItem = ({
   const operatorLabel = filters[index].operator !== "" ? `operator ${filters[index].operator}` : "unknown operator";
   const metaDataLabel = filters[index].value !== "" ? `value ${filters[index].value}` : "unknown value";
   const metaDataPossibleOptions = (_b = (_a = operatorOptions.find((op) => filters[index].operator === op.value)) == null ? void 0 : _a.editorType) != null ? _b : "singleChoice";
-  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = (0, import_react66.useMemo)(() => {
+  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = (0, import_react73.useMemo)(() => {
     var _a2;
     const currentSelectedFilterGroup = filterOptions.find((item) => {
       var _a3;
@@ -6810,11 +7105,11 @@ var FilterItem = ({
   } : {};
   const CustomLeftHandComponent = selectedFieldValue == null ? void 0 : selectedFieldValue.leftHandSideComponentWhenSelected;
   const isEmptyOperator = metaDataPossibleOptions === "empty";
-  const joinLabel = index === 0 ? initialCriteriaTitle : index === 1 && onCriteriaGroupOperatorChange ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-    import_design_system45.Menu,
+  const joinLabel = index === 0 ? initialCriteriaTitle : index === 1 && onCriteriaGroupOperatorChange ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    import_design_system46.Menu,
     {
-      menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-        import_design_system45.DropdownStyleMenuTrigger,
+      menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        import_design_system46.DropdownStyleMenuTrigger,
         {
           bgColor: "transparent",
           css: CriteriaGroupOperatorTrigger,
@@ -6826,8 +7121,8 @@ var FilterItem = ({
       size: "small",
       placement: "bottom-start",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          import_design_system45.SelectableMenuItem,
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_design_system46.SelectableMenuItem,
           {
             selected: criteriaGroupOperator === "and",
             onClick: () => onCriteriaGroupOperatorChange("and"),
@@ -6835,8 +7130,8 @@ var FilterItem = ({
             children: "and"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          import_design_system45.SelectableMenuItem,
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_design_system46.SelectableMenuItem,
           {
             selected: criteriaGroupOperator === "or",
             onClick: () => onCriteriaGroupOperatorChange("or"),
@@ -6847,10 +7142,10 @@ var FilterItem = ({
       ]
     }
   ) : criteriaGroupOperator;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: joinLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
-      CustomLeftHandComponent ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: joinLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
+      CustomLeftHandComponent ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         CustomLeftHandComponent,
         {
           filterOption: selectedFieldValue,
@@ -6860,8 +7155,8 @@ var FilterItem = ({
             onFilterOptionChange("");
           }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-        import_design_system45.InputComboBox,
+      ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        import_design_system46.InputComboBox,
         {
           "aria-label": label,
           options: filterOptions,
@@ -6887,8 +7182,8 @@ var FilterItem = ({
           name: `filter-field-${index}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-        import_design_system45.InputComboBox,
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        import_design_system46.InputComboBox,
         {
           "aria-label": operatorLabel,
           options: operatorOptions,
@@ -6911,7 +7206,7 @@ var FilterItem = ({
           name: `filter-operator-${index}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         FilterEditorRenderer,
         {
           "aria-label": metaDataLabel,
@@ -6926,7 +7221,7 @@ var FilterItem = ({
           filterFieldName: filters[index].field
         }
       ),
-      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "button",
         {
           type: "button",
@@ -6935,7 +7230,7 @@ var FilterItem = ({
           css: IconBtn,
           "data-testid": "delete-filter",
           disabled: filters.length === 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_design_system45.Icon, { icon: import_CgTrash2.CgTrash, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_design_system46.Icon, { icon: import_CgTrash2.CgTrash, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
         }
       )
     ] })
@@ -6944,21 +7239,21 @@ var FilterItem = ({
 
 // src/components/SearchAndFilter/FilterItems.tsx
 var import_CgMathPlus = require("@react-icons/all-files/cg/CgMathPlus");
-var import_design_system47 = require("@uniformdev/design-system");
+var import_design_system48 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/FilterMenu.tsx
-var import_design_system46 = require("@uniformdev/design-system");
-var import_react67 = __toESM(require("react"));
-var import_jsx_runtime75 = require("@emotion/react/jsx-runtime");
+var import_design_system47 = require("@uniformdev/design-system");
+var import_react74 = __toESM(require("react"));
+var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
   additionalFiltersContainer,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { css: SearchAndFilterOptionsContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { css: SearchAndFilterOptionsInnerContainer, children }),
-    buttonRow ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-      import_design_system46.HorizontalRhythm,
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { css: SearchAndFilterOptionsContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { css: SearchAndFilterOptionsInnerContainer, children }),
+    buttonRow ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      import_design_system47.HorizontalRhythm,
       {
         css: SearchAndFilterButtonGroup,
         gap: "sm",
@@ -6967,7 +7262,7 @@ var SearchAndFilterOptionsContainer2 = ({
         children: buttonRow
       }
     ) : null,
-    additionalFiltersContainer ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
+    additionalFiltersContainer ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { css: SearchAndFilterAdditionalContainer, children: additionalFiltersContainer }) : null
   ] });
 };
 var FilterMenu = ({
@@ -6980,22 +7275,22 @@ var FilterMenu = ({
   resetButtonText = "reset"
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
-  const innerMenuRef = import_react67.default.useRef(null);
-  (0, import_react67.useEffect)(() => {
+  const innerMenuRef = import_react74.default.useRef(null);
+  (0, import_react74.useEffect)(() => {
     var _a;
     if (filterVisibility) {
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
     }
   }, [filterVisibility]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system46.VerticalRhythm, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system47.VerticalRhythm, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     SearchAndFilterOptionsContainer2,
     {
       buttonRow: menuControls,
       additionalFiltersContainer,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_design_system46.HorizontalRhythm, { gap: "sm", align: "center", justify: "space-between", children: [
-          filterTitle ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
-          (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system47.HorizontalRhythm, { gap: "sm", align: "center", justify: "space-between", children: [
+          filterTitle ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
+          (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "button",
             {
               type: "button",
@@ -7106,7 +7401,7 @@ function hasBindings(currentValue) {
 }
 
 // src/components/SearchAndFilter/FilterItems.tsx
-var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
@@ -7144,12 +7439,12 @@ var FilterItems = ({
     }
     setFilters(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     FilterMenu,
     {
       id: "search-and-filter-options",
       dataTestId: "search-and-filter-options",
-      menuControls: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+      menuControls: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
         "button",
         {
           type: "button",
@@ -7157,7 +7452,7 @@ var FilterItems = ({
           onClick: handleAddFilter,
           "data-testid": "add-filter",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_design_system47.Icon, { icon: import_CgMathPlus.CgMathPlus, iconColor: "currentColor", size: "1rem" }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_design_system48.Icon, { icon: import_CgMathPlus.CgMathPlus, iconColor: "currentColor", size: "1rem" }),
             addButtonText
           ]
         }
@@ -7173,7 +7468,7 @@ var FilterItems = ({
         })) == null ? void 0 : _a.options) != null ? _b : [];
         const possibleValueOptions = (_d = (_c = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _c.valueOptions) != null ? _d : [];
         const possibleOperators = (_f = (_e = availableTypeOptions == null ? void 0 : availableTypeOptions.find((op) => op.value === item.field)) == null ? void 0 : _e.operatorOptions) != null ? _f : [];
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           FilterItem,
           {
             index: i,
@@ -7195,11 +7490,11 @@ var FilterItems = ({
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx
-var import_design_system49 = require("@uniformdev/design-system");
+var import_design_system50 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-var import_design_system48 = require("@uniformdev/design-system");
-var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
+var import_design_system49 = require("@uniformdev/design-system");
+var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterResultContainer = ({
   buttonText,
   clearButtonLabel = "clear",
@@ -7250,19 +7545,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system48.HorizontalRhythm, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.HorizontalRhythm, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
         totalResults,
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system48.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system48.Callout, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system48.Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-        import_design_system48.Button,
+    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.Callout, { title: automateCalloutTitle, type: "note", children: [
+      calloutText ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Paragraph, { children: calloutText }) : null,
+      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        import_design_system49.Button,
         {
           buttonType: "tertiaryOutline",
           size: "xs",
@@ -7276,14 +7571,14 @@ var SearchAndFilterResultContainer = ({
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx
-var import_jsx_runtime78 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
 var SearchAndFilter = ({
   filters,
   filterOptions,
   filterVisible,
   filterControls,
   viewSwitchControls,
-  resultsContainerView = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SearchAndFilterResultContainer, {}),
+  resultsContainerView = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(SearchAndFilterResultContainer, {}),
   filterMapper: filterMapper2 = filterMapper,
   additionalFiltersContainer,
   onChange,
@@ -7295,7 +7590,7 @@ var SearchAndFilter = ({
   resetFilterValues = [],
   onResetFilterValues
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     SearchAndFilterProvider,
     {
       filters,
@@ -7310,18 +7605,18 @@ var SearchAndFilter = ({
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
       onResetFilterValues,
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_design_system49.VerticalRhythm, { "data-testid": "search-and-filter", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_design_system50.VerticalRhythm, { "data-testid": "search-and-filter", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
             {
               css: SearchAndFilterControlsWrapper(viewSwitchControls ? "auto 1fr 0.05fr" : "auto 1fr"),
-              children: !filterControls ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FilterControls, { hideSearchInput: !onSearchChange }) : filterControls
+              children: !filterControls ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FilterControls, { hideSearchInput: !onSearchChange }) : filterControls
             }
           ),
           viewSwitchControls
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FilterItems, { additionalFiltersContainer }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FilterItems, { additionalFiltersContainer }),
         resultsContainerView
       ] })
     }
@@ -7329,18 +7624,18 @@ var SearchAndFilter = ({
 };
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
-var import_design_system50 = require("@uniformdev/design-system");
-var import_react68 = require("react");
+var import_design_system51 = require("@uniformdev/design-system");
+var import_react75 = require("react");
 var import_react_use8 = require("react-use");
-var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
-var SearchOnlyContext = (0, import_react68.createContext)({
+var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
+var SearchOnlyContext = (0, import_react75.createContext)({
   searchTerm: "",
   setSearchTerm: () => {
   }
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react68.useState)("");
+  const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react75.useState)("");
   (0, import_react_use8.useDebounce)(
     () => {
       setSearchTerm(localeSearchTerm);
@@ -7349,15 +7644,15 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
     300,
     [localeSearchTerm]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     SearchOnlyContext.Provider,
     {
       value: {
         searchTerm,
         setSearchTerm: setLocaleSearchTerm
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        import_design_system50.InputKeywordSearch,
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        import_design_system51.InputKeywordSearch,
         {
           placeholder: "Search...",
           onSearchTextChanged: (e) => setLocaleSearchTerm(e),
@@ -7371,18 +7666,18 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
 };
 
 // src/components/SearchAndFilter/SortItems.tsx
-var import_design_system52 = require("@uniformdev/design-system");
+var import_design_system53 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SortItems.styles.ts
-var import_react69 = require("@emotion/react");
-var import_design_system51 = require("@uniformdev/design-system");
-var ConditionalFilterRow2 = import_react69.css`
+var import_react76 = require("@emotion/react");
+var import_design_system52 = require("@uniformdev/design-system");
+var ConditionalFilterRow2 = import_react76.css`
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
   margin-left: var(--spacing-base);
 
-  ${(0, import_design_system51.cq)("380px")} {
+  ${(0, import_design_system52.cq)("380px")} {
     align-items: center;
 
     &:after {
@@ -7403,22 +7698,22 @@ var ConditionalFilterRow2 = import_react69.css`
     grid-template-columns: 50px 1fr;
   }
 
-  ${(0, import_design_system51.cq)("580px")} {
+  ${(0, import_design_system52.cq)("580px")} {
     &:after {
       display: none;
     }
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    animation: ${import_design_system51.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
+    animation: ${import_design_system52.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow2 = import_react69.css`
+var ConditionalInputRow2 = import_react76.css`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
 
-  ${(0, import_design_system51.cq)("380px")} {
+  ${(0, import_design_system52.cq)("380px")} {
     & > div:nth-child(-n + 2) {
       width: calc(50% - var(--spacing-sm));
     }
@@ -7427,7 +7722,7 @@ var ConditionalInputRow2 = import_react69.css`
       width: calc(100% - 48px);
     }
   }
-  ${(0, import_design_system51.cq)("580px")} {
+  ${(0, import_design_system52.cq)("580px")} {
     display: grid;
     grid-template-columns: 200px 160px 1fr 32px;
 
@@ -7436,13 +7731,13 @@ var ConditionalInputRow2 = import_react69.css`
     }
   }
 `;
-var SearchInput2 = import_react69.css`
+var SearchInput2 = import_react76.css`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var FilterButton3 = import_react69.css`
+var FilterButton3 = import_react76.css`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -7479,13 +7774,13 @@ var FilterButton3 = import_react69.css`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText2 = import_react69.css`
+var FilterButtonText2 = import_react76.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected2 = import_react69.css`
+var FilterButtonSelected2 = import_react76.css`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -7493,7 +7788,7 @@ var FilterButtonSelected2 = import_react69.css`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions2 = import_react69.css`
+var FilterButtonWithOptions2 = import_react76.css`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -7505,14 +7800,14 @@ var FilterButtonWithOptions2 = import_react69.css`
     }
   }
 `;
-var SearchIcon2 = import_react69.css`
+var SearchIcon2 = import_react76.css`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn2 = import_react69.css`
+var AddConditionalBtn2 = import_react76.css`
   align-items: center;
   background: transparent;
   border: none;
@@ -7531,14 +7826,14 @@ var AddConditionalBtn2 = import_react69.css`
     color: var(--gray-400);
   }
 `;
-var Title2 = import_react69.css`
+var Title2 = import_react76.css`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn2 = import_react69.css`
+var ResetConditionsBtn2 = import_react76.css`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -7550,12 +7845,12 @@ var ResetConditionsBtn2 = import_react69.css`
     color: var(--action-destructive-hover);
   }
 `;
-var IconBtn2 = import_react69.css`
+var IconBtn2 = import_react76.css`
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer3 = import_react69.css`
+var SearchAndFilterOptionsContainer3 = import_react76.css`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -7568,34 +7863,34 @@ var SearchAndFilterOptionsContainer3 = import_react69.css`
   position: relative;
   z-index: 1;
 `;
-var SearchAndFilterOptionsInnerContainer2 = import_react69.css`
+var SearchAndFilterOptionsInnerContainer2 = import_react76.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup2 = import_react69.css`
+var SearchAndFilterButtonGroup2 = import_react76.css`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SortFilterWrapper = (hiddenLocaleInput) => import_react69.css`
+var SortFilterWrapper = (hiddenLocaleInput) => import_react76.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
   flex-grow: 1;
 
-  ${(0, import_design_system51.cq)("420px")} {
+  ${(0, import_design_system52.cq)("420px")} {
     display: grid;
     grid-template-columns: ${hiddenLocaleInput ? "1fr" : "1fr minmax(140px, 0.25fr)"};
   }
 `;
-var SortFilterInputRow = import_react69.css`
+var SortFilterInputRow = import_react76.css`
   align-items: center;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--spacing-base);
 `;
-var InputVariableWrapper = import_react69.css`
+var InputVariableWrapper = import_react76.css`
   flex-grow: 1;
 
   // we need to override label styles nested within the input variable
@@ -7606,7 +7901,7 @@ var InputVariableWrapper = import_react69.css`
 `;
 
 // src/components/SearchAndFilter/SortItems.tsx
-var import_jsx_runtime80 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime82 = require("@emotion/react/jsx-runtime");
 var SortItems = ({
   sortByLabel = "Sort by",
   localeLabel = "Show locale",
@@ -7628,11 +7923,11 @@ var SortItems = ({
     return (_a2 = item.options) == null ? void 0 : _a2.find((option) => option.value === sortField);
   })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
   const localeLabelValue = sortOptions.length > 1 ? localeLabel : `${localeLabel}s`;
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_design_system52.VerticalRhythm, { gap: "xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { css: Title2, children: sortByLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: SortFilterInputRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_design_system53.VerticalRhythm, { gap: "xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { css: Title2, children: sortByLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { css: SortFilterInputRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           InputVariables,
           {
             disableInlineMenu: disableSortBinding,
@@ -7640,8 +7935,8 @@ var SortItems = ({
             value: sortField,
             valueToResetTo: "created_at",
             onChange: (e) => onSortChange(`${e}_${sortDirection}`),
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-              import_design_system52.InputComboBox,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              import_design_system53.InputComboBox,
               {
                 id: "sort-by-field",
                 "aria-label": "Sort by",
@@ -7663,7 +7958,7 @@ var SortItems = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           InputVariables,
           {
             disableInlineMenu: disableSortBinding,
@@ -7671,8 +7966,8 @@ var SortItems = ({
             valueToResetTo: "DESC",
             showMenuPosition: disableSortBinding ? void 0 : "inline-right",
             onChange: (e) => onSortChange(`${sortField}_${e}`),
-            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-              import_design_system52.SegmentedControl,
+            inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              import_design_system53.SegmentedControl,
               {
                 noCheckmark: true,
                 name: "sortBy",
@@ -7703,15 +7998,15 @@ var SortItems = ({
         )
       ] })
     ] }),
-    hideLocaleOptions ? null : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_design_system52.VerticalRhythm, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    hideLocaleOptions ? null : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_design_system53.VerticalRhythm, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       InputVariables,
       {
         label: localeLabelValue,
         value: localeValue,
         showMenuPosition: "inline-right",
         onChange: (e) => onLocaleChange(e != null ? e : ""),
-        inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-          import_design_system52.InputSelect,
+        inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          import_design_system53.InputSelect,
           {
             name: "localeReturned",
             "aria-label": localeLabelValue,
@@ -7741,7 +8036,7 @@ function createLocationValidator(setValue, validate) {
 
 // src/utils/useContentDataResourceLocaleInfo.ts
 var import_canvas12 = require("@uniformdev/canvas");
-var import_react70 = require("react");
+var import_react77 = require("react");
 function useContentDataResourceLocaleInfo({
   locale,
   defaultLocale,
@@ -7749,12 +8044,12 @@ function useContentDataResourceLocaleInfo({
   dynamicInputs
 }) {
   var _a;
-  const setLocaleRef = (0, import_react70.useRef)(setLocale);
+  const setLocaleRef = (0, import_react77.useRef)(setLocale);
   setLocaleRef.current = setLocale;
   const { flatVariables } = useVariables();
   const effectiveLocale = locale != null ? locale : dynamicInputs[import_canvas12.LOCALE_DYNAMIC_INPUT_NAME] ? (0, import_canvas12.createVariableReference)(import_canvas12.LOCALE_DYNAMIC_INPUT_NAME) : defaultLocale != null ? defaultLocale : "";
   const boundLocale = (_a = (0, import_canvas12.bindVariables)({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  (0, import_react70.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
       setLocaleRef.current(effectiveLocale);
     }
@@ -7763,7 +8058,7 @@ function useContentDataResourceLocaleInfo({
 }
 
 // src/index.ts
-var import_design_system53 = require("@uniformdev/design-system");
+var import_design_system54 = require("@uniformdev/design-system");
 __reExport(index_exports, require("@uniformdev/mesh-sdk"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -7785,6 +8080,10 @@ __reExport(index_exports, require("@uniformdev/mesh-sdk"), module.exports);
   DataTypeEditor,
   DateEditor,
   DateRangeEditor,
+  DelegationContext,
+  DelegationDisabledError,
+  DelegationGate,
+  DelegationProvider,
   DrawerContent,
   EDIT_VARIABLE_COMMAND,
   FilterButton,
@@ -7886,8 +8185,10 @@ __reExport(index_exports, require("@uniformdev/mesh-sdk"), module.exports);
   VariablesProvider,
   bindableFiltersMapper,
   convertConnectedDataToVariable,
+  createDelegationFetch,
   createLocationValidator,
   filterMapper,
+  isDelegationExpiredResponse,
   prettifyBindExpression,
   readOnlyAttributes,
   serializeVariablesEditorSerializedState,
@@ -7897,6 +8198,8 @@ __reExport(index_exports, require("@uniformdev/mesh-sdk"), module.exports);
   urlEncodeRequestUrl,
   useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo,
+  useDelegation,
+  useDelegationFetch,
   useDynamicInputsAsVariables,
   useMeshLocation,
   useObjectSearchContext,