npm - @uniformdev/mesh-sdk-react - Versions diffs - 20.49.2 → 20.49.3-alpha.47 - Mend

@uniformdev/mesh-sdk-react 20.49.2 → 20.49.3-alpha.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -29,14 +30,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+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,
@@ -49,7 +50,11 @@ __export(src_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,
@@ -59,22 +64,22 @@ __export(src_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,
@@ -93,22 +98,22 @@ __export(src_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,
@@ -122,8 +127,8 @@ __export(src_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,
@@ -134,13 +139,13 @@ __export(src_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,
@@ -150,8 +155,10 @@ __export(src_exports, {
   VariablesProvider: () => VariablesProvider,
   bindableFiltersMapper: () => bindableFiltersMapper,
   convertConnectedDataToVariable: () => convertConnectedDataToVariable,
+  createDelegationFetch: () => createDelegationFetch,
   createLocationValidator: () => createLocationValidator,
   filterMapper: () => filterMapper,
+  isDelegationExpiredResponse: () => isDelegationExpiredResponse,
   prettifyBindExpression: () => prettifyBindExpression,
   readOnlyAttributes: () => readOnlyAttributes,
   serializeVariablesEditorSerializedState: () => serializeVariablesEditorSerializedState,
@@ -161,6 +168,8 @@ __export(src_exports, {
   urlEncodeRequestUrl: () => urlEncodeRequestUrl,
   useConnectedDataAsVariables: () => useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo: () => useContentDataResourceLocaleInfo,
+  useDelegation: () => useDelegation,
+  useDelegationFetch: () => useDelegationFetch,
   useDynamicInputsAsVariables: () => useDynamicInputsAsVariables,
   useMeshLocation: () => useMeshLocation,
   useObjectSearchContext: () => useObjectSearchContext,
@@ -173,14 +182,14 @@ __export(src_exports, {
   useVariableEditor: () => useVariableEditor,
   useVariables: () => useVariables,
   useVariablesMenu: () => useVariablesMenu,
-  utilityColors: () => import_design_system53.utilityColors,
+  utilityColors: () => import_design_system54.utilityColors,
   variableDefaultTextValue: () => variableDefaultTextValue,
   variablePrefix: () => variablePrefix,
   variableSuffix: () => variableSuffix,
   variablesToGroupedList: () => variablesToGroupedList,
   variablesToList: () => variablesToList
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 // ../../scripts/emotion-jsx-shim.js
 var import_react = require("@emotion/react");
@@ -212,14 +221,14 @@ var SvgCaution = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 16 16",
     fill: "currentColor",
+    viewBox: "0 0 16 16",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "path",
       {
         fillRule: "evenodd",
-        d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
+        d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002zm.133 11.497H6.987v-2.003h2.039zm0-3.004H6.987V5.987h2.039z"
       }
     )
   }
@@ -231,18 +240,18 @@ var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
 var SvgCheckmark = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 40 40",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 40 40",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "path",
       {
         fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"
+        d: "M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4m8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0z",
+        clipRule: "evenodd"
       }
     )
   }
@@ -251,7 +260,7 @@ var Checkmark_default = SvgCheckmark;
 // src/assets/icons/ChevronDown.tsx
 var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
-var SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z" }) });
+var SvgChevronDown = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414" }) });
 var ChevronDown_default = SvgChevronDown;
 // src/assets/icons/Close.tsx
@@ -262,12 +271,12 @@ var SvgClose = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 19 19",
     fill: "currentColor",
+    viewBox: "0 0 19 19",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("g", { fillRule: "evenodd", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66Z" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.578 1.636a1.174 1.174 0 0 1 0 1.66L3.296 16.578a1.174 1.174 0 1 1-1.66-1.66L14.918 1.636a1.174 1.174 0 0 1 1.66 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1.636 1.636a1.174 1.174 0 0 1 1.66 0l13.282 13.282a1.174 1.174 0 1 1-1.66 1.66L1.636 3.296a1.174 1.174 0 0 1 0-1.66" })
     ] })
   }
 );
@@ -281,14 +290,14 @@ var SvgDanger = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 12 16",
     fill: "currentColor",
+    viewBox: "0 0 12 16",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "path",
       {
         fillRule: "evenodd",
-        d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
+        d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3z"
       }
     )
   }
@@ -303,14 +312,14 @@ var SvgExclamationPoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 14 16",
     fill: "currentColor",
+    viewBox: "0 0 14 16",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "path",
       {
         fillRule: "evenodd",
-        d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
+        d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m1 3H6v5h2zm0 6H6v2h2z"
       }
     )
   }
@@ -324,7 +333,7 @@ var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
     "path",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0v-6zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"
+      d: "M11 10.98a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0zm1-4.929a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
     }
   ),
   /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -332,8 +341,8 @@ var SvgInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
     {
       xmlns: "http://www.w3.org/2000/svg",
       fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0z"
+      d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 0 16 0 8 8 0 0 0-16 0",
+      clipRule: "evenodd"
     }
   )
 ] });
@@ -347,14 +356,14 @@ var SvgLightbulb = (props) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 12 16",
     fill: "currentColor",
+    viewBox: "0 0 12 16",
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "path",
       {
         fillRule: "evenodd",
-        d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
+        d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5m3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48M4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2"
       }
     )
   }
@@ -366,18 +375,18 @@ var import_jsx_runtime9 = require("@emotion/react/jsx-runtime");
 var SvgMagnifyingGlass = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 26 24",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 26 24",
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { clipPath: "url(#magnifying-glass_svg__a)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568 6.055 0 10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0Zm0 19.187c-4.937 0-8.954-3.866-8.954-8.618 0-4.752 4.017-8.618 8.954-8.618s8.954 3.866 8.954 8.618c0 4.752-4.017 8.618-8.954 8.618Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m25.196 22.334-5.811-5.593a1.041 1.041 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38Z" })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M11.539 0C5.484 0 .559 4.741.559 10.57c0 5.827 4.925 10.568 10.98 10.568s10.98-4.74 10.98-10.569C22.52 4.741 17.595 0 11.54 0m0 19.187c-4.937 0-8.954-3.866-8.954-8.618s4.017-8.618 8.954-8.618 8.954 3.866 8.954 8.618-4.017 8.618-8.954 8.618" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m25.196 22.334-5.811-5.593a1.04 1.04 0 0 0-1.434 0 .95.95 0 0 0 0 1.38l5.812 5.593c.198.19.457.286.716.286.26 0 .519-.096.717-.286a.95.95 0 0 0 0-1.38" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", transform: "translate(.558)", d: "M0 0h24.935v24H0z" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("clipPath", { id: "magnifying-glass_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { fill: "#fff", d: "M.558 0h24.935v24H.558z" }) }) })
     ]
   }
 );
@@ -389,14 +398,14 @@ var SvgMaximizeAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("s
   "path",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3V3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3v6zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15v2zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2V3z"
+    d: "M3 3h6v2H6.462l4.843 4.843-1.415 1.414L5 6.367V9H3zm0 18h6v-2H6.376l4.929-4.928-1.415-1.414L5 17.548V15H3zm12 0h6v-6h-2v2.524l-4.867-4.866-1.414 1.414L17.647 19H15zm6-18h-6v2h2.562l-4.843 4.843 1.414 1.414L19 6.39V9h2z"
   }
 ) });
 var MaximizeAlt_default = SvgMaximizeAlt;
 // src/assets/icons/Minus.tsx
 var import_jsx_runtime11 = require("@emotion/react/jsx-runtime");
-var SvgMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z", fill: "currentColor" }) });
+var SvgMinus = (props) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { fill: "currentColor", d: "M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1" }) });
 var Minus_default = SvgMinus;
 // src/assets/icons/MoreVerticalAlt.tsx
@@ -405,7 +414,7 @@ var SvgMoreVerticalAlt = (props) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx
   "path",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"
+    d: "M14 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
   }
 ) });
 var MoreVerticalAlt_default = SvgMoreVerticalAlt;
@@ -415,17 +424,51 @@ var import_jsx_runtime13 = require("@emotion/react/jsx-runtime");
 var SvgPlus = (props) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "svg",
   {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 46 46",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 46 46",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594Z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M44.203 21.203H24.797V1.797a1.797 1.797 0 1 0-3.594 0v19.406H1.797a1.797 1.797 0 1 0 0 3.594h19.406v19.406a1.797 1.797 0 0 0 3.594 0V24.797h19.406a1.797 1.797 0 0 0 0-3.594" })
   }
 );
 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) {
@@ -444,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"}`;
@@ -484,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 />");
   }
@@ -510,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 }));
     };
@@ -533,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");
   }
@@ -546,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);
@@ -567,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");
@@ -677,7 +752,7 @@ function refreshVariableNodeMetadata(editor) {
 // src/components/Variables/util/setVariablesEditorValue.ts
 function setVariablesEditorValue(editor, newValue, tag) {
-  if (typeof newValue === "undefined" || typeof newValue === "string") {
+  if (newValue === null || typeof newValue === "undefined" || typeof newValue === "string") {
     const parsedState = editor.parseEditorState(deserializeVariablesEditorState(newValue));
     editor.setEditorState(parsedState.clone(null), {
       tag
@@ -711,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;
@@ -732,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,
@@ -748,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) {
@@ -814,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) {
@@ -823,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");
@@ -832,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);
@@ -847,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);
@@ -866,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;
     }
@@ -888,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 });
@@ -896,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" });
@@ -916,15 +991,15 @@ function useVariableEditTransaction({
 }
 // src/components/Variables/VariableEditor.tsx
-var import_zod = require("@hookform/resolvers/zod");
+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/v3"));
+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;
   }
@@ -933,7 +1008,7 @@ var variablesFormContainer = import_react11.css`
 // src/components/Variables/VariableEditor.tsx
 var import_jsx_runtime18 = require("@emotion/react/jsx-runtime");
 var schema = z.object({
-  name: z.string().nonempty("Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
+  name: z.string().min(1, "Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
   default: z.string(),
   displayName: z.string().optional(),
   helpText: z.string().optional(),
@@ -959,7 +1034,7 @@ function VariableEditor({
       order: currentVariable == null ? void 0 : currentVariable.order,
       type: (_d = currentVariable == null ? void 0 : currentVariable.type) != null ? _d : ""
     },
-    resolver: (0, import_zod.zodResolver)(schema)
+    resolver: (0, import_standard_schema.standardSchemaResolver)(schema)
   });
   const submitHandler = handleSubmit((values) => {
     const finalValue = {
@@ -977,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();
     }
@@ -1055,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,
@@ -1066,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)(),
     []
   );
@@ -1076,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) => {
@@ -1120,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,
@@ -1131,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;
     }
@@ -1180,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 {
@@ -1292,6 +1367,11 @@ var DISCONNECT_VARIABLE_COMMAND = (0, import_lexical4.createCommand)(
   "uniform:disconnect-variable"
 );
 var INSERT_VARIABLE_COMMAND = (0, import_lexical4.createCommand)("uniform:insert-variable");
+function isEditorFocused(editor) {
+  var _a;
+  const rootElement = editor.getRootElement();
+  return (_a = rootElement == null ? void 0 : rootElement.contains(rootElement.ownerDocument.activeElement)) != null ? _a : false;
+}
 var DollarSignVariablesRegex = /(^.*)(\$\$(.{0,20}))$/;
 function getPossibleQueryMatch(text) {
   const match = DollarSignVariablesRegex.exec(text);
@@ -1315,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)
@@ -1323,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({
@@ -1345,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(() => {
@@ -1394,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)
@@ -1404,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,
@@ -1433,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,
@@ -1446,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,
@@ -1586,7 +1666,7 @@ function VariablesPlugin({
     replaceValueOnVariableInsert,
     disableVariableDisplayNames
   ]);
-  const updateExistingNodeIfChanged = (0, import_react15.useCallback)(
+  const computeUpdatedVariableNodeState = (0, import_react18.useCallback)(
     (variableNode) => {
       var _a, _b, _c, _d;
       const targetVar = variablesRef.current.variables[variableNode.reference];
@@ -1594,7 +1674,7 @@ function VariablesPlugin({
       const isLoadingVariables = variablesRef.current.isLoading;
       const currentState = variableNode.getState();
       if (currentState.isFresh && !targetVar && !targetUndefinedVar) {
-        return;
+        return void 0;
       }
       const tooltip = (_d = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.warning) != null ? _d : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const displayName = disableVariableDisplayNames ? prettifyBindExpression(variableNode.reference) : (targetVar == null ? void 0 : targetVar.displayName) || (targetUndefinedVar == null ? void 0 : targetUndefinedVar.displayName) || prettifyBindExpression(variableNode.reference);
@@ -1607,27 +1687,51 @@ function VariablesPlugin({
         tooltip,
         isFresh: false
       };
-      if (!(0, import_lite.dequal)(currentState, newState)) {
+      return (0, import_lite.dequal)(currentState, newState) ? void 0 : newState;
+    },
+    [canEditVariable, disableVariableDisplayNames]
+  );
+  const updateExistingNodeIfChanged = (0, import_react18.useCallback)(
+    (variableNode) => {
+      const newState = computeUpdatedVariableNodeState(variableNode);
+      if (newState) {
         variableNode.setState(newState);
       }
     },
-    [canEditVariable, disableVariableDisplayNames]
+    [computeUpdatedVariableNodeState]
   );
-  (0, import_react15.useEffect)(() => {
-    let selection;
+  (0, import_react18.useEffect)(() => {
+    const pendingUpdates = [];
     editor.read(() => {
-      selection = (0, import_lexical4.$getSelection)();
+      (0, import_utils.$dfs)().forEach(({ node }) => {
+        if ($isVariableNode(node)) {
+          const newState = computeUpdatedVariableNodeState(node);
+          if (newState) {
+            pendingUpdates.push({ key: node.getKey(), newState });
+          }
+        }
+      });
     });
+    if (pendingUpdates.length === 0) {
+      return;
+    }
+    const shouldSyncDomSelection = isEditorFocused(editor);
     editor.update(() => {
       var _a;
-      (0, import_lexical4.$addUpdateTag)("skip-dom-selection");
-      (0, import_lexical4.$setSelection)((_a = selection == null ? void 0 : selection.clone()) != null ? _a : null);
-      (0, import_utils.$dfs)().filter(({ node }) => $isVariableNode(node)).forEach(({ node: variableNode }) => {
-        updateExistingNodeIfChanged(variableNode);
+      const selection = (0, import_lexical4.$getSelection)();
+      pendingUpdates.forEach(({ key, newState }) => {
+        const node = (0, import_lexical4.$getNodeByKey)(key);
+        if ($isVariableNode(node)) {
+          node.setState(newState);
+        }
       });
+      (0, import_lexical4.$setSelection)((_a = selection == null ? void 0 : selection.clone()) != null ? _a : null);
+      if (!shouldSyncDomSelection) {
+        (0, import_lexical4.$addUpdateTag)(import_lexical4.SKIP_DOM_SELECTION_TAG);
+      }
     });
-  }, [editor, variables, knownUndefinedValues, canEditVariable, updateExistingNodeIfChanged]);
-  (0, import_react15.useEffect)(() => {
+  }, [editor, variables, knownUndefinedValues, computeUpdatedVariableNodeState]);
+  (0, import_react18.useEffect)(() => {
     return editor.registerNodeTransform(VariableNode, (variableNode) => {
       updateExistingNodeIfChanged(variableNode);
     });
@@ -1652,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);
@@ -1816,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();
@@ -1829,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),
@@ -1917,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
@@ -1940,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,
@@ -1968,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);
@@ -2023,17 +2127,20 @@ 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);
-  min-height: 39px;
   font-size: var(--fs-sm);
+  && {
+    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);
@@ -2042,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;
@@ -2092,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;
@@ -2146,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
@@ -2157,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,
@@ -2173,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);
@@ -2189,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,
@@ -2222,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);
@@ -2239,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,
@@ -2254,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;
@@ -2387,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;
@@ -2403,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();
     });
@@ -2414,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) {
@@ -2427,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) {
@@ -2437,11 +2552,29 @@ function VariablesComposer(props) {
       nodes: [VariableNode],
       editorState: deserializeVariablesEditorState(props.value)
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
+    []
+  );
+  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));
+    },
     []
   );
-  const editorState = (0, import_react25.useRef)(void 0);
-  const updateTimeout = (0, import_react25.useRef)(void 0);
   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)(
@@ -2453,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);
@@ -2461,6 +2595,8 @@ function VariablesComposer(props) {
                 onChange(valueToEmit);
               }
             }
+            setFlushPending(false);
+            updateTimeout.current = void 0;
           }, 400);
         }
       }
@@ -2470,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 })
   ] });
 }
@@ -2483,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
       }
@@ -2505,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,
@@ -2612,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);
@@ -2631,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;
@@ -2760,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,
@@ -2771,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,
@@ -2816,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,
@@ -2875,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) {
@@ -2928,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) {
@@ -2985,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``
                   ]
                 }
               )
@@ -3022,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);
@@ -3045,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;
@@ -3054,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;
@@ -3072,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;
@@ -3082,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;
@@ -3161,7 +3306,7 @@ function VariablesList() {
                         title: `delete ${text}`,
                         css: [
                           import_design_system13.button,
-                          import_react35.css`
+                          import_react39.css`
                                     background: transparent;
                                   `
                         ],
@@ -3291,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"));
@@ -3381,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;
@@ -3423,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: [
@@ -3435,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)(
@@ -3712,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) {
@@ -3739,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;
@@ -3749,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;
@@ -3982,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);
@@ -4010,7 +4338,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
         setSdk(window.UniformMeshSDK);
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     [autoResizingDisabled]
   );
   return {
@@ -4025,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,
@@ -4034,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)(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}
           `
       }
@@ -4073,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: () => {
@@ -4102,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({
@@ -4123,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);
@@ -4137,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,
@@ -4171,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)({
@@ -4189,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);
@@ -4203,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;
@@ -4231,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,
@@ -4292,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",
@@ -4300,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",
@@ -4308,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,
@@ -4317,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,
@@ -4350,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
   ] });
@@ -4393,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,
@@ -4416,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);
@@ -4438,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",
@@ -4460,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 : ""
   });
@@ -4470,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 [];
     }
@@ -4480,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: [
@@ -4488,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,
@@ -4498,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,
@@ -4515,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);
@@ -4562,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
   ] });
 };
@@ -4584,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);
@@ -4608,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;
@@ -4617,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,
@@ -4681,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,
@@ -4693,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();
@@ -4708,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" })
     ] })
   ] });
 };
@@ -4750,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({
@@ -4788,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,
@@ -4815,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: [
@@ -4830,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",
@@ -4851,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,
@@ -4878,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",
@@ -4908,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,
@@ -4919,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,
@@ -4933,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,
@@ -4947,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,
@@ -4956,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,
@@ -4970,7 +5298,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             label: countLabel,
@@ -4979,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,
@@ -4994,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",
@@ -5003,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",
@@ -5017,7 +5345,7 @@ var QueryFilter = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           InputVariables,
           {
             label: sortOrderLabel,
@@ -5025,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",
@@ -5045,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 {
@@ -5054,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 = ({
@@ -5067,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;
     }
@@ -5505,6 +5833,12 @@ var MULTI_SELECT_OPERATORS = [
     editorType: "multiChoice",
     expectedValueType: "array"
   },
+  {
+    label: "is all of...",
+    value: "all",
+    editorType: "multiChoice",
+    expectedValueType: "array"
+  },
   {
     label: "is empty",
     value: "ndef",
@@ -5532,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,
@@ -5544,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,
@@ -5562,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 })
     }
   );
 };
@@ -5590,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,
@@ -5599,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) {
@@ -5613,7 +5947,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  (0, import_react54.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5648,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",
@@ -5664,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",
@@ -5679,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 = {
@@ -5695,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,
@@ -5706,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...",
@@ -5720,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,
@@ -5739,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,
@@ -5751,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,
@@ -5788,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,
@@ -5800,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",
@@ -5819,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,
@@ -5831,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) {
@@ -5845,7 +6179,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  (0, import_react58.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -5867,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",
@@ -5885,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`,
@@ -5902,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
@@ -5924,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,
@@ -5934,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,
@@ -5965,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,
@@ -5977,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) => {
@@ -6013,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,
@@ -6024,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,
@@ -6041,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,
@@ -6053,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",
@@ -6070,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,
@@ -6089,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;
@@ -6132,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));
     }
@@ -6156,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;
@@ -6166,18 +6500,20 @@ var ConditionalInputRow = import_react63.css`
     }
   }
 `;
-var ConditionalInputRowEmpty = import_react63.css`
+var ConditionalInputRowEmpty = import_react70.css`
   flex-wrap: nowrap;
 `;
-var SearchInput = import_react63.css`
-  max-height: 40px;
-  min-height: unset;
+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%;
-  & [data-lexical-editor='true'] {
+  && [data-lexical-editor='true'] {
     padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
     font-size: var(--fs-sm);
     border-radius: var(--rounded-full);
@@ -6188,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);
@@ -6237,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);
@@ -6251,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);
@@ -6263,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;
@@ -6289,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);
@@ -6311,13 +6647,32 @@ var ResetConditionsBtn = import_react63.css`
     color: var(--gray-400);
   }
 `;
-var IconBtn = import_react63.css`
+var CriteriaGroupOperatorTrigger = import_react70.css`
+  && {
+    padding: 0;
+    border-radius: var(--rounded-sm);
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+    > div {
+      gap: 2px;
+    }
+    svg {
+      width: 10px;
+      height: 10px;
+      color: var(--gray-400);
+    }
+  }
+`;
+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);
@@ -6328,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;
@@ -6348,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",
@@ -6370,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
       ]
     }
   );
@@ -6382,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,
@@ -6418,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",
@@ -6429,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 })
       }
     );
   };
@@ -6439,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",
@@ -6449,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 })
       }
     );
   };
@@ -6465,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: () => {
   },
@@ -6486,6 +6841,7 @@ var SearchAndFilterContext = (0, import_react64.createContext)({
   validFilterQuery: [],
   filterMapper: {},
   totalResults: 0,
+  isLoading: false,
   allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
@@ -6499,21 +6855,22 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   onResetFilterValues,
   totalResults,
+  isLoading,
   filterMapper: filterMapper2 = filterMapper,
   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;
@@ -6522,30 +6879,31 @@ 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();
     }
     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") {
@@ -6558,7 +6916,7 @@ var SearchAndFilterProvider = ({
       };
     }
   }, [filterVisibility, handleToggleFilterVisibility]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     SearchAndFilterContext.Provider,
     {
       value: {
@@ -6574,20 +6932,21 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
+        isLoading,
         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
@@ -6600,25 +6959,27 @@ 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)(
     () => {
-      setSearchTerm(localSearchTerm);
+      if (localSearchTerm !== searchTerm) {
+        setSearchTerm(localSearchTerm);
+      }
     },
     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",
@@ -6631,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: "",
@@ -6642,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),
@@ -6661,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,
@@ -6675,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
     ] }),
@@ -6685,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) {
@@ -6695,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,
@@ -6705,7 +7066,8 @@ var FilterItem = ({
   onOperatorChange,
   onValueChange,
   initialCriteriaTitle = "Where",
-  criteriaGroupOperator = "and"
+  criteriaGroupOperator = "and",
+  onCriteriaGroupOperatorChange
 }) => {
   var _a, _b;
   const { filters, handleDeleteFilter, filterOptions } = useSearchAndFilter();
@@ -6713,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;
@@ -6743,10 +7105,47 @@ var FilterItem = ({
   } : {};
   const CustomLeftHandComponent = selectedFieldValue == null ? void 0 : selectedFieldValue.leftHandSideComponentWhenSelected;
   const isEmptyOperator = metaDataPossibleOptions === "empty";
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: index === 0 ? initialCriteriaTitle : criteriaGroupOperator }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
-      CustomLeftHandComponent ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  const joinLabel = index === 0 ? initialCriteriaTitle : index === 1 && onCriteriaGroupOperatorChange ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    import_design_system46.Menu,
+    {
+      menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        import_design_system46.DropdownStyleMenuTrigger,
+        {
+          bgColor: "transparent",
+          css: CriteriaGroupOperatorTrigger,
+          "data-testid": "criteria-group-operator",
+          "aria-label": "criteria group operator",
+          children: criteriaGroupOperator
+        }
+      ),
+      size: "small",
+      placement: "bottom-start",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_design_system46.SelectableMenuItem,
+          {
+            selected: criteriaGroupOperator === "and",
+            onClick: () => onCriteriaGroupOperatorChange("and"),
+            "data-testid": "criteria-group-operator-and",
+            children: "and"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          import_design_system46.SelectableMenuItem,
+          {
+            selected: criteriaGroupOperator === "or",
+            onClick: () => onCriteriaGroupOperatorChange("or"),
+            "data-testid": "criteria-group-operator-or",
+            children: "or"
+          }
+        )
+      ]
+    }
+  ) : criteriaGroupOperator;
+  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,
@@ -6756,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,
@@ -6783,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,
@@ -6807,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,
@@ -6822,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",
@@ -6831,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" })
         }
       )
     ] })
@@ -6840,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",
@@ -6863,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 = ({
@@ -6876,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",
@@ -7002,14 +7401,15 @@ 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,
   filterTitle,
   resetButtonText,
   initialCriteriaTitle,
-  criteriaGroupOperator
+  criteriaGroupOperator,
+  onCriteriaGroupOperatorChange
 }) => {
   const { filterOptions, filters, setFilters, handleAddFilter } = useSearchAndFilter();
   const handleUpdateFilter = (index, prop, value) => {
@@ -7018,7 +7418,7 @@ var FilterItems = ({
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
       const newOperatorId = value;
-      const currentFilter = next[index];
+      const currentFilter = filters[index];
       if (!newOperatorId) {
         throw new Error("you bad");
       }
@@ -7039,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",
@@ -7052,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
           ]
         }
@@ -7068,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,
@@ -7079,7 +7479,8 @@ var FilterItems = ({
             onFilterDynamicChange: (e) => handleUpdateFilter(i, "dynamicField", e),
             valueOptions: possibleValueOptions,
             initialCriteriaTitle,
-            criteriaGroupOperator
+            criteriaGroupOperator,
+            onCriteriaGroupOperatorChange
           },
           i
         );
@@ -7089,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",
@@ -7102,7 +7503,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm, isLoading } = useSearchAndFilter();
   const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
   const getTextValue = ({
     defaultPropText,
@@ -7133,7 +7534,7 @@ var SearchAndFilterResultContainer = ({
     filterText: "No results match the selected filters",
     fallbackText: "No matching results found"
   });
-  if (totalResults && totalResults > 0) {
+  if (isLoading || totalResults === void 0 || totalResults > 0) {
     return null;
   }
   const handleClearSearch = () => {
@@ -7144,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",
@@ -7170,25 +7571,26 @@ 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,
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  isLoading,
   allowBindingSearchTerm = false,
   resetFilterValues = [],
   onResetFilterValues
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     SearchAndFilterProvider,
     {
       filters,
@@ -7198,22 +7600,23 @@ var SearchAndFilter = ({
       defaultSearchTerm,
       onSearchChange,
       totalResults,
+      isLoading,
       resetFilterValues,
       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
       ] })
     }
@@ -7221,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);
@@ -7241,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),
@@ -7263,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 {
@@ -7295,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));
     }
@@ -7319,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;
@@ -7328,11 +7731,13 @@ var ConditionalInputRow2 = import_react69.css`
     }
   }
 `;
-var SearchInput2 = import_react69.css`
-  max-height: 40px;
-  min-height: unset;
+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);
@@ -7369,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);
@@ -7383,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);
@@ -7395,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;
@@ -7421,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);
@@ -7440,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);
@@ -7458,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
@@ -7496,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",
@@ -7518,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,
@@ -7530,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",
@@ -7553,7 +7958,7 @@ var SortItems = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           InputVariables,
           {
             disableInlineMenu: disableSortBinding,
@@ -7561,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",
@@ -7593,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,
@@ -7631,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,
@@ -7639,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);
     }
@@ -7653,8 +8058,8 @@ function useContentDataResourceLocaleInfo({
 }
 // src/index.ts
-var import_design_system53 = require("@uniformdev/design-system");
-__reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
+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 = {
   $createVariableNode,
@@ -7675,6 +8080,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   DataTypeEditor,
   DateEditor,
   DateRangeEditor,
+  DelegationContext,
+  DelegationDisabledError,
+  DelegationGate,
+  DelegationProvider,
   DrawerContent,
   EDIT_VARIABLE_COMMAND,
   FilterButton,
@@ -7776,8 +8185,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   VariablesProvider,
   bindableFiltersMapper,
   convertConnectedDataToVariable,
+  createDelegationFetch,
   createLocationValidator,
   filterMapper,
+  isDelegationExpiredResponse,
   prettifyBindExpression,
   readOnlyAttributes,
   serializeVariablesEditorSerializedState,
@@ -7787,6 +8198,8 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   urlEncodeRequestUrl,
   useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo,
+  useDelegation,
+  useDelegationFetch,
   useDynamicInputsAsVariables,
   useMeshLocation,
   useObjectSearchContext,