@osdk/react-components 0.9.0 → 0.10.0-main-b355bc3b41a4d89ec093054dc8d2845c772ef1e2

package/build/cjs/{chunk-O5ZAMFDU.cjs → chunk-QWFJF7IM.cjs}

@@ -1,32 +1,51 @@
 'use strict';
 
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkRY2GVYT2_cjs = require('./chunk-RY2GVYT2.cjs');
+var chunkMVNWOKH2_cjs = require('./chunk-MVNWOKH2.cjs');
 var chunkJLESWL47_cjs = require('./chunk-JLESWL47.cjs');
 var chunkY5ULR6PM_cjs = require('./chunk-Y5ULR6PM.cjs');
-var chunk2FPKTOPE_cjs = require('./chunk-2FPKTOPE.cjs');
+var chunkXBXC6VAS_cjs = require('./chunk-XBXC6VAS.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
-var chunkEEES66LS_cjs = require('./chunk-EEES66LS.cjs');
+var chunk5DVHLBWS_cjs = require('./chunk-5DVHLBWS.cjs');
 var react = require('@osdk/react');
 var experimental = require('@osdk/react/experimental');
-var React15 = require('react');
+var React18 = require('react');
 var icons = require('@blueprintjs/icons');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
 var input = require('@base-ui/react/input');
 var popover = require('@base-ui/react/popover');
 var button = require('@base-ui/react/button');
+var lodashEs = require('lodash-es');
 var radio = require('@base-ui/react/radio');
 var radioGroup = require('@base-ui/react/radio-group');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React15__default = /*#__PURE__*/_interopDefault(React15);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React18__namespace = /*#__PURE__*/_interopNamespace(React18);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 function useIsMounted() {
-  const isMountedRef = React15.useRef(true);
-  React15.useEffect(function trackMountedState() {
+  const isMountedRef = React18.useRef(true);
+  React18.useEffect(function trackMountedState() {
     return () => {
       isMountedRef.current = false;
     };
@@ -36,10 +55,10 @@ function useIsMounted() {
 
 // src/shared/hooks/useAsyncAction.ts
 function useAsyncAction(action) {
-  const [isPending, setIsPending] = React15.useState(false);
-  const [error, setError] = React15.useState(void 0);
+  const [isPending, setIsPending] = React18.useState(false);
+  const [error, setError] = React18.useState(void 0);
   const isMountedRef = useIsMounted();
-  const execute = React15.useCallback(async (...args) => {
+  const execute = React18.useCallback(async (...args) => {
     setError(void 0);
     setIsPending(true);
     try {
@@ -54,7 +73,7 @@ function useAsyncAction(action) {
       }
     }
   }, [action, isMountedRef]);
-  const clearError = React15.useCallback(() => {
+  const clearError = React18.useCallback(() => {
     setError(void 0);
   }, []);
   return {
@@ -228,7 +247,7 @@ function formatBytes(bytes) {
 var FormField_default = {};
 
 // src/action-form/FormField.tsx
-var FormField = /* @__PURE__ */ React15.memo(function FormFieldFn({
+var FormField = /* @__PURE__ */ React18.memo(function FormFieldFn({
   fieldKey,
   label,
   isRequired,
@@ -237,41 +256,41 @@ var FormField = /* @__PURE__ */ React15.memo(function FormFieldFn({
   onBlur,
   children
 }) {
-  return /* @__PURE__ */ React15__default.default.createElement("div", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: FormField_default.osdkFormField,
     onBlur
-  }, label != null && /* @__PURE__ */ React15__default.default.createElement("label", {
+  }, label != null && /* @__PURE__ */ React18__namespace.default.createElement("label", {
     className: FormField_default.osdkFormFieldLabel,
     htmlFor: fieldKey
-  }, label, isRequired === true && /* @__PURE__ */ React15__default.default.createElement("span", {
+  }, label, isRequired === true && /* @__PURE__ */ React18__namespace.default.createElement("span", {
     className: FormField_default.osdkFormFieldRequired,
     "aria-label": "required"
-  }, " ", "*")), children, error != null && /* @__PURE__ */ React15__default.default.createElement("div", {
+  }, " ", "*")), children, error != null && /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: FormField_default.osdkFormFieldError,
     role: "alert"
-  }, error), helperText != null && /* @__PURE__ */ React15__default.default.createElement("div", {
+  }, error), helperText != null && /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: FormField_default.osdkFormFieldHelperText
   }, helperText));
 });
 
 // src/action-form/FormFieldApi.ts
 var EMPTY_RANGE = [null, null];
-var CustomField = /* @__PURE__ */ React15.memo(function CustomFieldFn({
+var CustomField = /* @__PURE__ */ React18.memo(function CustomFieldFn({
   customRenderer: CustomRenderer,
   ...baseProps
 }) {
-  return /* @__PURE__ */ React15__default.default.createElement(CustomRenderer, baseProps);
+  return /* @__PURE__ */ React18__namespace.default.createElement(CustomRenderer, baseProps);
 });
 
 // src/action-form/fields/DateRangeInputField.module.css
 var DateRangeInputField_default = {};
-var DateRangeCalendarLazy = /* @__PURE__ */ React15__default.default.lazy(() => import('./DateRangeCalendar-JHO2BF3Z.cjs'));
+var DateRangeCalendarLazy = /* @__PURE__ */ React18__namespace.default.lazy(() => import('./DateRangeCalendar-JHO2BF3Z.cjs'));
 function LazyDateRangeCalendar(props) {
-  return /* @__PURE__ */ React15__default.default.createElement(React15.Suspense, {
-    fallback: /* @__PURE__ */ React15__default.default.createElement("div", {
-      className: chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerFallback
+  return /* @__PURE__ */ React18__namespace.default.createElement(React18.Suspense, {
+    fallback: /* @__PURE__ */ React18__namespace.default.createElement("div", {
+      className: chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerFallback
     })
-  }, /* @__PURE__ */ React15__default.default.createElement(DateRangeCalendarLazy, props));
+  }, /* @__PURE__ */ React18__namespace.default.createElement(DateRangeCalendarLazy, props));
 }
 
 // src/action-form/fields/DateRangeInputField.tsx
@@ -285,14 +304,14 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 var SHARED_INPUT_PROPS = {
-  className: chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerInput,
+  className: chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerInput,
   type: "text",
   onClick: chunkJLESWL47_cjs.stopPropagation,
   autoComplete: "off",
   role: "combobox",
   "aria-haspopup": "dialog"
 };
-var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function DateRangeInputField2({
+var DateRangeInputField = /* @__PURE__ */ React18__namespace.default.memo(function DateRangeInputField2({
   id,
   value,
   onChange,
@@ -306,23 +325,23 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
   parseDate
 }) {
   const shouldCloseOnSelection = !showTime;
-  const popoverId = React15.useId();
-  const startInputRef = React15.useRef(null);
-  const endInputRef = React15.useRef(null);
-  const popoverRef = React15.useRef(null);
-  const [isOpen, setIsOpen] = React15.useState(false);
-  const [activeBoundary, setActiveBoundary] = React15.useState("start");
+  const popoverId = React18.useId();
+  const startInputRef = React18.useRef(null);
+  const endInputRef = React18.useRef(null);
+  const popoverRef = React18.useRef(null);
+  const [isOpen, setIsOpen] = React18.useState(false);
+  const [activeBoundary, setActiveBoundary] = React18.useState("start");
   const [startDate, endDate] = value ?? EMPTY_RANGE;
-  const editFormatFn = showTime ? chunk2FPKTOPE_cjs.formatDatetimeForInput : chunk2FPKTOPE_cjs.formatDateForInput;
-  const displayFormatFn = formatDate ?? (showTime ? chunk2FPKTOPE_cjs.formatDatetimeForInput : chunk2FPKTOPE_cjs.formatDateForDisplay);
-  const parseFn = parseDate ?? (showTime ? chunk2FPKTOPE_cjs.parseDatetimeFromInput : chunk2FPKTOPE_cjs.parseDateFromInput);
-  const startOnChange = React15.useCallback((date) => {
+  const editFormatFn = showTime ? chunkXBXC6VAS_cjs.formatDatetimeForInput : chunkXBXC6VAS_cjs.formatDateForInput;
+  const displayFormatFn = formatDate ?? (showTime ? chunkXBXC6VAS_cjs.formatDatetimeForInput : chunkXBXC6VAS_cjs.formatDateForDisplay);
+  const parseFn = parseDate ?? (showTime ? chunkXBXC6VAS_cjs.parseDatetimeFromInput : chunkXBXC6VAS_cjs.parseDateFromInput);
+  const startOnChange = React18.useCallback((date) => {
     if (date != null && isOverlapping(date, endDate, allowSingleDayRange)) {
       return;
     }
     onChange?.([date, endDate ?? null]);
   }, [endDate, onChange, allowSingleDayRange]);
-  const endOnChange = React15.useCallback((date) => {
+  const endOnChange = React18.useCallback((date) => {
     if (date != null && isOverlapping(startDate, date, allowSingleDayRange)) {
       return;
     }
@@ -338,7 +357,7 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     commitAndStopEditing: commitStartAndStopEditing,
     setInputValue: setStartInputValue,
     setDateValue: setStartDateValue
-  } = chunkRY2GVYT2_cjs.useDateEditState({
+  } = chunkMVNWOKH2_cjs.useDateEditState({
     value: startDate,
     displayFormatFn,
     editFormatFn,
@@ -357,7 +376,7 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     commitAndStopEditing: commitEndAndStopEditing,
     setInputValue: setEndInputValue,
     setDateValue: setEndDateValue
-  } = chunkRY2GVYT2_cjs.useDateEditState({
+  } = chunkMVNWOKH2_cjs.useDateEditState({
     value: endDate,
     displayFormatFn,
     editFormatFn,
@@ -374,17 +393,17 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
   })();
   const startInvalid = startInputError != null || hasOverlapError;
   const endInvalid = endInputError != null || hasOverlapError;
-  const handleStartFocus = React15.useCallback(() => {
+  const handleStartFocus = React18.useCallback(() => {
     beginStartEditing();
     setActiveBoundary("start");
     setIsOpen(true);
   }, [beginStartEditing]);
-  const handleEndFocus = React15.useCallback(() => {
+  const handleEndFocus = React18.useCallback(() => {
     beginEndEditing();
     setActiveBoundary("end");
     setIsOpen(true);
   }, [beginEndEditing]);
-  const handleStartBlur = React15.useCallback((e) => {
+  const handleStartBlur = React18.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       e.stopPropagation();
@@ -395,7 +414,7 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     }
     commitStartAndStopEditing();
   }, [commitStartAndStopEditing]);
-  const handleEndBlur = React15.useCallback((e) => {
+  const handleEndBlur = React18.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       e.stopPropagation();
@@ -406,14 +425,14 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     }
     commitEndAndStopEditing();
   }, [commitEndAndStopEditing]);
-  const closePopover = React15.useCallback(() => {
+  const closePopover = React18.useCallback(() => {
     setIsOpen(false);
     stopStartEditing();
     stopEndEditing();
     startInputRef.current?.blur();
     endInputRef.current?.blur();
   }, [stopStartEditing, stopEndEditing]);
-  const handleStartKeyDown = React15.useCallback((e) => {
+  const handleStartKeyDown = React18.useCallback((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
       commitStartAndStopEditing();
@@ -425,7 +444,7 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
       setIsOpen(false);
     }
   }, [commitStartAndStopEditing, closePopover]);
-  const handleEndKeyDown = React15.useCallback((e) => {
+  const handleEndKeyDown = React18.useCallback((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
       commitEndAndStopEditing();
@@ -441,14 +460,14 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
       }
     }
   }, [commitEndAndStopEditing, closePopover, isOpen]);
-  const handleOpenChange = React15.useCallback((nextOpen) => {
+  const handleOpenChange = React18.useCallback((nextOpen) => {
     if (nextOpen) {
       setIsOpen(true);
     } else {
       closePopover();
     }
   }, [closePopover]);
-  const handleRangeSelect = React15.useCallback((range) => {
+  const handleRangeSelect = React18.useCallback((range) => {
     const newStart = range?.from ?? null;
     const newEnd = range?.to ?? null;
     onChange?.([newStart, newEnd]);
@@ -463,31 +482,31 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
       setEndDateValue(newEnd);
     }
   }, [onChange, shouldCloseOnSelection, closePopover, stopStartEditing, setStartDateValue, setEndDateValue]);
-  const handleStartTimeChange = React15.useCallback((timeString) => {
+  const handleStartTimeChange = React18.useCallback((timeString) => {
     const {
       hours,
       minutes
-    } = chunk2FPKTOPE_cjs.parseTimeString(timeString);
+    } = chunkXBXC6VAS_cjs.parseTimeString(timeString);
     const base = startDate != null ? new Date(startDate.getTime()) : /* @__PURE__ */ new Date();
     base.setHours(hours, minutes, 0, 0);
     onChange?.([base, endDate ?? null]);
     setStartDateValue(base);
   }, [startDate, endDate, onChange, setStartDateValue]);
-  const handleEndTimeChange = React15.useCallback((timeString) => {
+  const handleEndTimeChange = React18.useCallback((timeString) => {
     const {
       hours,
       minutes
-    } = chunk2FPKTOPE_cjs.parseTimeString(timeString);
+    } = chunkXBXC6VAS_cjs.parseTimeString(timeString);
     const base = endDate != null ? new Date(endDate.getTime()) : /* @__PURE__ */ new Date();
     base.setHours(hours, minutes, 0, 0);
     onChange?.([startDate ?? null, base]);
     setEndDateValue(base);
   }, [startDate, endDate, onChange, setEndDateValue]);
-  const handleStartFocusBoundary = React15.useCallback(() => {
+  const handleStartFocusBoundary = React18.useCallback(() => {
     const activeRef = activeBoundary === "start" ? startInputRef : endInputRef;
     activeRef.current?.focus();
   }, [activeBoundary]);
-  const handleEndFocusBoundary = React15.useCallback((e) => {
+  const handleEndFocusBoundary = React18.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       closePopover();
@@ -501,14 +520,14 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     from: startDate ?? void 0,
     to: endDate ?? void 0
   } : void 0;
-  const timeFooter = showTime ? /* @__PURE__ */ React15__default.default.createElement("div", {
+  const timeFooter = showTime ? /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: DateRangeInputField_default.osdkDateRangeTimeRow
-  }, /* @__PURE__ */ React15__default.default.createElement(chunkRY2GVYT2_cjs.TimePicker, {
-    value: chunk2FPKTOPE_cjs.getTimeValue(startDate),
+  }, /* @__PURE__ */ React18__namespace.default.createElement(chunkMVNWOKH2_cjs.TimePicker, {
+    value: chunkXBXC6VAS_cjs.getTimeValue(startDate),
     onChange: handleStartTimeChange,
     label: "Start time"
-  }), /* @__PURE__ */ React15__default.default.createElement(chunkRY2GVYT2_cjs.TimePicker, {
-    value: chunk2FPKTOPE_cjs.getTimeValue(endDate),
+  }), /* @__PURE__ */ React18__namespace.default.createElement(chunkMVNWOKH2_cjs.TimePicker, {
+    value: chunkXBXC6VAS_cjs.getTimeValue(endDate),
     onChange: handleEndTimeChange,
     label: "End time"
   })) : void 0;
@@ -516,17 +535,17 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     ...SHARED_INPUT_PROPS,
     "aria-controls": popoverId
   };
-  return /* @__PURE__ */ React15__default.default.createElement(popover.Popover.Root, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Root, {
     open: isOpen,
     onOpenChange: handleOpenChange
-  }, /* @__PURE__ */ React15__default.default.createElement(popover.Popover.Trigger, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Trigger, {
     nativeButton: false,
-    render: /* @__PURE__ */ React15__default.default.createElement("div", {
+    render: /* @__PURE__ */ React18__namespace.default.createElement("div", {
       className: DateRangeInputField_default.osdkDateRangeContainer
     })
-  }, /* @__PURE__ */ React15__default.default.createElement("div", {
-    className: classnames__default.default(chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, startInvalid && chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
-  }, /* @__PURE__ */ React15__default.default.createElement(input.Input, _extends({
+  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+    className: classnames__default.default(chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, startInvalid && chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
+  }, /* @__PURE__ */ React18__namespace.default.createElement(input.Input, _extends({
     ref: startInputRef,
     id: id != null ? `${id}-start` : void 0,
     value: displayedStart,
@@ -538,9 +557,9 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     "aria-expanded": isOpen && activeBoundary === "start",
     "aria-label": "Start date",
     "aria-invalid": startInvalid || void 0
-  }, sharedInputProps))), /* @__PURE__ */ React15__default.default.createElement("div", {
-    className: classnames__default.default(chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, endInvalid && chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
-  }, /* @__PURE__ */ React15__default.default.createElement(input.Input, _extends({
+  }, sharedInputProps))), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+    className: classnames__default.default(chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, endInvalid && chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
+  }, /* @__PURE__ */ React18__namespace.default.createElement(input.Input, _extends({
     ref: endInputRef,
     id: id != null ? `${id}-end` : void 0,
     value: displayedEnd,
@@ -552,30 +571,30 @@ var DateRangeInputField = /* @__PURE__ */ React15__default.default.memo(function
     "aria-expanded": isOpen && activeBoundary === "end",
     "aria-label": "End date",
     "aria-invalid": endInvalid || void 0
-  }, sharedInputProps)))), /* @__PURE__ */ React15__default.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React15__default.default.createElement(popover.Popover.Positioner, {
+  }, sharedInputProps)))), /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React15__default.default.createElement(popover.Popover.Popup, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Popup, {
     ref: popoverRef,
-    className: chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerPopover,
+    className: chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerPopover,
     id: popoverId,
     role: "dialog",
     "aria-label": "date range picker",
     finalFocus: false
-  }, /* @__PURE__ */ React15__default.default.createElement("div", {
+  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
     onFocus: handleStartFocusBoundary,
     tabIndex: 0,
     "aria-label": "Start of date range picker dialog",
-    className: chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
-  }), /* @__PURE__ */ React15__default.default.createElement(LazyDateRangeCalendar, {
+    className: chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
+  }), /* @__PURE__ */ React18__namespace.default.createElement(LazyDateRangeCalendar, {
     selected: calendarSelected,
     onSelect: handleRangeSelect,
     min,
     max
-  }), timeFooter, /* @__PURE__ */ React15__default.default.createElement("div", {
+  }), timeFooter, /* @__PURE__ */ React18__namespace.default.createElement("div", {
     onFocus: handleEndFocusBoundary,
     tabIndex: 0,
     "aria-label": "End of date range picker dialog",
-    className: chunkRY2GVYT2_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
+    className: chunkMVNWOKH2_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
   })))));
 });
 function isOverlapping(start, end, allowSingleDayRange) {
@@ -588,7 +607,7 @@ function isOverlapping(start, end, allowSingleDayRange) {
 var FilePickerField_default = {};
 
 // src/action-form/fields/FilePickerField.tsx
-var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
+var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
   id,
   value,
   onChange,
@@ -602,11 +621,11 @@ var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
   text = "No file chosen",
   buttonText = "Browse"
 }) {
-  const inputRef = React15.useRef(null);
-  const openFileDialog = React15.useCallback(() => {
+  const inputRef = React18.useRef(null);
+  const openFileDialog = React18.useCallback(() => {
     inputRef.current?.click();
   }, []);
-  const handleInputChange = React15.useCallback((event) => {
+  const handleInputChange = React18.useCallback((event) => {
     const files = event.target.files;
     if (files == null || files.length === 0) {
       onChange?.(null);
@@ -618,7 +637,7 @@ var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
       onChange?.(files[0] ?? null);
     }
   }, [onChange, isMulti]);
-  const handleClear = React15.useCallback((event) => {
+  const handleClear = React18.useCallback((event) => {
     event.stopPropagation();
     event.preventDefault();
     onChange?.(null);
@@ -626,22 +645,22 @@ var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
       inputRef.current.value = "";
     }
   }, [onChange]);
-  const handleKeyDown = React15.useCallback((event) => {
+  const handleKeyDown = React18.useCallback((event) => {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = React15.useMemo(() => getDisplayText(value), [value]);
+  const displayText = React18.useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = React15.useMemo(() => normalizeAccept(accept), [accept]);
+  const acceptString = React18.useMemo(() => normalizeAccept(accept), [accept]);
   return (
     // The entire component is a single tab stop (tabIndex={0}).
     // Text and Browse are <span>s (not buttons) so they don't create
     // extra tab stops — clicks on them bubble up to the container's onClick.
     // The clear button is the only inner interactive element and gets its
     // own tab stop so keyboard users can clear the selection.
-    /* @__PURE__ */ React15__default.default.createElement("div", {
+    /* @__PURE__ */ React18__namespace.default.createElement("div", {
       id,
       className: FilePickerField_default.osdkFilePickerTrigger,
       tabIndex: 0,
@@ -650,7 +669,7 @@ var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
       onClick: openFileDialog,
       onKeyDown: handleKeyDown,
       "aria-invalid": error != null || void 0
-    }, /* @__PURE__ */ React15__default.default.createElement("input", {
+    }, /* @__PURE__ */ React18__namespace.default.createElement("input", {
       ref: inputRef,
       type: "file",
       className: FilePickerField_default.osdkFilePickerHiddenInput,
@@ -658,15 +677,15 @@ var FilePickerField = /* @__PURE__ */ React15.memo(function FilePickerFieldFn({
       accept: acceptString,
       onChange: handleInputChange,
       tabIndex: -1
-    }), /* @__PURE__ */ React15__default.default.createElement("span", {
+    }), /* @__PURE__ */ React18__namespace.default.createElement("span", {
       className: classnames__default.default(FilePickerField_default.osdkFilePickerText, !hasValue && FilePickerField_default.osdkFilePickerPlaceholder)
     }, displayText ?? text), hasValue && // stopPropagation + preventDefault prevent the click from
     // bubbling to the container's onClick which opens the file dialog.
-    /* @__PURE__ */ React15__default.default.createElement(button.Button, {
+    /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
       className: FilePickerField_default.osdkFilePickerClear,
       onClick: handleClear,
       "aria-label": "Clear selection"
-    }, /* @__PURE__ */ React15__default.default.createElement(icons.Cross, null)), /* @__PURE__ */ React15__default.default.createElement("span", {
+    }, /* @__PURE__ */ React18__namespace.default.createElement(icons.Cross, null)), /* @__PURE__ */ React18__namespace.default.createElement("span", {
       className: FilePickerField_default.osdkFilePickerBrowse
     }, buttonText))
   );
@@ -704,8 +723,8 @@ function NumberInputField({
   max,
   step
 }) {
-  const [displayValue, setDisplayValue] = React15.useState(() => formatNumberForDisplay(value));
-  const prevValueRef = React15.useRef(value);
+  const [displayValue, setDisplayValue] = React18.useState(() => formatNumberForDisplay(value));
+  const prevValueRef = React18.useRef(value);
   if (prevValueRef.current !== value) {
     prevValueRef.current = value;
     const currentParsed = parseNumericValue(displayValue);
@@ -713,14 +732,14 @@ function NumberInputField({
       setDisplayValue(formatNumberForDisplay(value));
     }
   }
-  const handleValueChange = React15.useCallback((newValue) => {
+  const handleValueChange = React18.useCallback((newValue) => {
     if (!isValidInput(newValue)) {
       return;
     }
     setDisplayValue(newValue);
     onChange?.(parseNumericValue(newValue));
   }, [onChange]);
-  const applyStep = React15.useCallback((direction) => {
+  const applyStep = React18.useCallback((direction) => {
     const current = parseNumericValue(displayValue) ?? 0;
     const delta = direction * (step ?? DEFAULT_STEP);
     const next = clamp(current + delta, min, max);
@@ -728,23 +747,23 @@ function NumberInputField({
     setDisplayValue(formatted);
     onChange?.(next);
   }, [displayValue, onChange, step, min, max]);
-  const handleKeyDown = React15.useCallback((e) => {
+  const handleKeyDown = React18.useCallback((e) => {
     if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
       return;
     }
     e.preventDefault();
     applyStep(e.key === "ArrowUp" ? 1 : -1);
   }, [applyStep]);
-  const handleStepUp = React15.useCallback(() => {
+  const handleStepUp = React18.useCallback(() => {
     applyStep(1);
   }, [applyStep]);
-  const handleStepDown = React15.useCallback(() => {
+  const handleStepDown = React18.useCallback(() => {
     applyStep(-1);
   }, [applyStep]);
-  return /* @__PURE__ */ React15__default.default.createElement("div", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputWrapper,
     "aria-invalid": error != null || void 0
-  }, /* @__PURE__ */ React15__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
     id,
     className: NumberInputField_default.osdkNumberInputField,
     type: "text",
@@ -753,21 +772,21 @@ function NumberInputField({
     onValueChange: handleValueChange,
     onKeyDown: handleKeyDown,
     placeholder
-  }), /* @__PURE__ */ React15__default.default.createElement("div", {
+  }), /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputStepper
-  }, /* @__PURE__ */ React15__default.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Increment",
     tabIndex: -1,
     onClick: handleStepUp
-  }, /* @__PURE__ */ React15__default.default.createElement(icons.ChevronUp, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.ChevronUp, {
     size: CHEVRON_SIZE
-  })), /* @__PURE__ */ React15__default.default.createElement(button.Button, {
+  })), /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Decrement",
     tabIndex: -1,
     onClick: handleStepDown
-  }, /* @__PURE__ */ React15__default.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.ChevronDown, {
     size: CHEVRON_SIZE
   }))));
 }
@@ -789,23 +808,241 @@ function clamp(value, min, max) {
   if (max != null && value > max) return max;
   return value;
 }
-var BlueprintIcon = /* @__PURE__ */ React15__default.default.memo(function BlueprintIconFn({
+function useDebouncedValue(value, debounceMs) {
+  const [debouncedValue, setDebouncedValue] = React18.useState(value);
+  React18.useEffect(function debounceValue() {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, debounceMs);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, debounceMs]);
+  return debouncedValue;
+}
+function useEventCallback(callback) {
+  const latestCallbackValueWrapper = React18__namespace.useRef((...args) => {
+    if (typeof globalThis.console !== "undefined") {
+      globalThis.console.error("A callback created with `useEventCallback` was called during the initial render of a component. This will throw an error in the future.");
+    }
+    return callback(...args);
+  });
+  React18__namespace.useEffect(() => {
+    latestCallbackValueWrapper.current = callback;
+  }, [callback]);
+  return React18__namespace.useCallback((...args) => latestCallbackValueWrapper.current(...args), []);
+}
+
+// src/shared/hooks/useInfiniteScroll.ts
+var THRESHOLD = 0.5;
+var OPTIONS = {
+  threshold: THRESHOLD
+};
+function useInfiniteScroll({
+  callback,
+  loadedCount
+}) {
+  const observer = React18.useRef();
+  const targetRef = React18.useRef();
+  const eventCallback = useEventCallback(callback);
+  const throttledCallback = React18.useCallback(lodashEs.throttle(eventCallback), []);
+  const handleObserverUpdate = React18.useCallback(
+    (entries) => {
+      const ent = entries[0];
+      if (ent && ent.isIntersecting) {
+        throttledCallback();
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  React18.useEffect(() => {
+    const {
+      current: targetElement
+    } = targetRef;
+    if (observer.current == null || targetElement == null) {
+      return;
+    }
+    observer.current.observe(targetElement);
+    return () => {
+      observer.current?.unobserve(targetElement);
+    };
+  }, [loadedCount]);
+  const setRef = (node) => {
+    if (node != null) {
+      targetRef.current = node;
+      if (observer.current == null) {
+        observer.current = new IntersectionObserver(handleObserverUpdate, OPTIONS);
+      }
+      observer.current.observe(node);
+    } else if (targetRef.current != null) {
+      observer.current?.unobserve(targetRef.current);
+    }
+  };
+  return setRef;
+}
+
+// src/action-form/fields/AsyncDropdownField.module.css
+var AsyncDropdownField_default = {};
+
+// src/action-form/fields/AsyncDropdownField.tsx
+function _extends2() {
+  return _extends2 = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends2.apply(null, arguments);
+}
+var AsyncDropdownField = chunkMVNWOKH2_cjs.typedReactMemo(function AsyncDropdownFieldFn({
+  isLoading,
+  hasMore,
+  isSearching,
+  onFetchMore,
+  fetchError,
+  ...dropdownProps
+}) {
+  const itemCount = dropdownProps.items.length;
+  const popupStatus = React18.useMemo(() => {
+    if (fetchError != null) {
+      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+        className: AsyncDropdownField_default.osdkAsyncDropdownError,
+        role: "alert"
+      }, fetchError.message);
+    }
+    if (isSearching) {
+      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+        className: AsyncDropdownField_default.osdkAsyncDropdownStatus
+      }, "Searching\u2026");
+    }
+    if (isLoading && itemCount === 0) {
+      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+        className: AsyncDropdownField_default.osdkAsyncDropdownStatus
+      }, "Loading\u2026");
+    }
+    return null;
+  }, [fetchError, isSearching, isLoading, itemCount]);
+  const infiniteScrollRef = useInfiniteScroll({
+    callback: onFetchMore,
+    loadedCount: itemCount
+  });
+  return /* @__PURE__ */ React18__namespace.default.createElement(chunkMVNWOKH2_cjs.DropdownField, _extends2({}, dropdownProps, {
+    isSearchable: true,
+    popupStatus,
+    trailingItem: hasMore ? /* @__PURE__ */ React18__namespace.default.createElement(InfiniteScrollSentinel, {
+      key: "sentinel",
+      infiniteScrollRef
+    }) : null,
+    disableClientSideFiltering: dropdownProps.onQueryChange != null
+  }));
+});
+function InfiniteScrollSentinel({
+  infiniteScrollRef
+}) {
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+    ref: infiniteScrollRef,
+    role: "presentation"
+  }, /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+    className: AsyncDropdownField_default.osdkAsyncDropdownSkeleton
+  }));
+}
+
+// src/action-form/fields/ObjectSelectField.tsx
+var SEARCH_DEBOUNCE_MS = 300;
+var PAGE_SIZE = 50;
+var EMPTY_ITEMS = [];
+var ObjectSelectField = /* @__PURE__ */ React18.memo(function ObjectSelectFieldFn({
+  objectType,
+  value,
+  onChange,
+  error,
+  id,
+  placeholder,
+  isMultiple,
+  portalRef
+}) {
+  const [query, setQuery] = React18.useState("");
+  const debouncedQuery = useDebouncedValue(query, SEARCH_DEBOUNCE_MS);
+  const handleChange = React18.useCallback((newValue) => {
+    onChange?.(newValue);
+    setQuery("");
+  }, [onChange]);
+  const {
+    metadata
+  } = react.useOsdkMetadata(objectType);
+  const titleProperty = typeof metadata?.titleProperty === "string" ? metadata.titleProperty : void 0;
+  const where = React18.useMemo(() => {
+    const trimmed = debouncedQuery.trim();
+    if (trimmed === "" || titleProperty == null) {
+      return void 0;
+    }
+    return {
+      [titleProperty]: {
+        $containsAllTermsInOrder: trimmed
+      }
+    };
+  }, [debouncedQuery, titleProperty]);
+  const {
+    data,
+    isLoading,
+    error: fetchError,
+    fetchMore,
+    hasMore
+  } = experimental.useOsdkObjects(objectType, {
+    where,
+    pageSize: PAGE_SIZE
+  });
+  const items = data ?? EMPTY_ITEMS;
+  const handleFetchMore = React18.useCallback(() => {
+    void fetchMore?.();
+  }, [fetchMore]);
+  return /* @__PURE__ */ React18__namespace.default.createElement(AsyncDropdownField, {
+    id,
+    value,
+    onChange: handleChange,
+    error,
+    items,
+    itemToStringLabel,
+    itemToKey,
+    isItemEqual,
+    placeholder: placeholder ?? "Search\u2026",
+    isMultiple,
+    portalRef,
+    onQueryChange: setQuery,
+    isLoading,
+    isSearching: debouncedQuery.trim() !== "" && isLoading,
+    hasMore,
+    onFetchMore: handleFetchMore,
+    fetchError
+  });
+});
+function itemToStringLabel(obj) {
+  return obj.$title ?? String(obj.$primaryKey);
+}
+function itemToKey(obj) {
+  return String(obj.$primaryKey);
+}
+function isItemEqual(a, b) {
+  return a.$primaryKey === b.$primaryKey;
+}
+var BlueprintIcon = /* @__PURE__ */ React18__namespace.default.memo(function BlueprintIconFn({
   icon,
   size
 }) {
   const paths = useIcon(icon.name, size);
-  return /* @__PURE__ */ React15__default.default.createElement(icons.SVGIconContainer, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(icons.SVGIconContainer, {
     iconName: icon.name,
     color: icon.color
-  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React15__default.default.createElement("path", {
+  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React18__namespace.default.createElement("path", {
     key: i,
     d,
     fillRule: "evenodd"
   })) : []);
 });
 function useIcon(icon, size) {
-  const [iconPaths, setIconPaths] = React15__default.default.useState(() => icons.Icons.getPaths(icon, size));
-  React15__default.default.useEffect(function loadIconPaths() {
+  const [iconPaths, setIconPaths] = React18__namespace.default.useState(() => icons.Icons.getPaths(icon, size));
+  React18__namespace.default.useEffect(function loadIconPaths() {
     let isMounted = true;
     const loadedIconPaths = icons.Icons.getPaths(icon, size);
     if (loadedIconPaths != null) {
@@ -834,20 +1071,20 @@ var DEFAULT_OBJECT_ICON = {
 };
 var ICON_SIZE = icons.IconSize.STANDARD;
 var DEFAULT_EMPTY_MESSAGE = "Object set is not defined";
-var ObjectSetField = chunkRY2GVYT2_cjs.typedReactMemo(function ObjectSetFieldFn({
+var ObjectSetField = chunkMVNWOKH2_cjs.typedReactMemo(function ObjectSetFieldFn({
   value,
   emptyMessage = DEFAULT_EMPTY_MESSAGE
 }) {
   if (value == null) {
-    return /* @__PURE__ */ React15__default.default.createElement("div", {
+    return /* @__PURE__ */ React18__namespace.default.createElement("div", {
       className: classnames__default.default(ObjectSetField_default.osdkObjectSetField, ObjectSetField_default.osdkObjectSetFieldEmpty)
     }, emptyMessage);
   }
-  return /* @__PURE__ */ React15__default.default.createElement(ObjectSetFieldContent, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetFieldContent, {
     objectSet: value
   });
 });
-var ObjectSetFieldContent = /* @__PURE__ */ React15__default.default.memo(function ObjectSetFieldContentFn({
+var ObjectSetFieldContent = /* @__PURE__ */ React18__namespace.default.memo(function ObjectSetFieldContentFn({
   objectSet
 }) {
   const objectTypeDef = objectSet.$objectSetInternals.def;
@@ -865,22 +1102,22 @@ var ObjectSetFieldContent = /* @__PURE__ */ React15__default.default.memo(functi
     pageSize: 1
   });
   const hasMetadata = metadata != null;
-  const icon = React15__default.default.useMemo(() => metadata != null && "icon" in metadata && metadata.icon != null ? toComponentIcon(metadata.icon) : DEFAULT_OBJECT_ICON, [metadata]);
+  const icon = React18__namespace.default.useMemo(() => metadata != null && "icon" in metadata && metadata.icon != null ? toComponentIcon(metadata.icon) : DEFAULT_OBJECT_ICON, [metadata]);
   const displayName = totalCount === "1" || !hasMetadata || !("pluralDisplayName" in metadata) ? metadata?.displayName : metadata.pluralDisplayName;
   const showLoadingState = metadataLoading && !hasMetadata;
-  return /* @__PURE__ */ React15__default.default.createElement("div", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: ObjectSetField_default.osdkObjectSetField
-  }, showLoadingState ? /* @__PURE__ */ React15__default.default.createElement(React15__default.default.Fragment, null, OBJECT_SET_ICON_SKELETON, OBJECT_SET_LABEL_SKELETON) : /* @__PURE__ */ React15__default.default.createElement(React15__default.default.Fragment, null, /* @__PURE__ */ React15__default.default.createElement(BlueprintIcon, {
+  }, showLoadingState ? /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, OBJECT_SET_ICON_SKELETON, OBJECT_SET_LABEL_SKELETON) : /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, /* @__PURE__ */ React18__namespace.default.createElement(BlueprintIcon, {
     icon,
     size: ICON_SIZE
-  }), /* @__PURE__ */ React15__default.default.createElement(ObjectSetLabel, {
+  }), /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetLabel, {
     displayName,
     totalCount,
     error: objectSetError,
     isLoading: objectSetLoading
   })));
 });
-var ObjectSetLabel = /* @__PURE__ */ React15__default.default.memo(function ObjectSetLabelFn({
+var ObjectSetLabel = /* @__PURE__ */ React18__namespace.default.memo(function ObjectSetLabelFn({
   displayName,
   totalCount,
   isLoading,
@@ -890,15 +1127,15 @@ var ObjectSetLabel = /* @__PURE__ */ React15__default.default.memo(function Obje
   const label = displayName ?? (totalCount === "1" ? "object" : "objects");
   const showSkeleton = isLoading && !hasData;
   const showError = error != null && !hasData && !isLoading;
-  return /* @__PURE__ */ React15__default.default.createElement(React15__default.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React15__default.default.createElement("span", {
+  return /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React18__namespace.default.createElement("span", {
     className: ObjectSetField_default.osdkObjectSetFieldError,
     role: "alert"
-  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React15__default.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
+  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React18__namespace.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
 });
-var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React15__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetIconSkeleton
 });
-var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React15__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetLabelSkeleton
 });
 function formatCount(count) {
@@ -919,40 +1156,40 @@ function toComponentIcon(apiIcon) {
 var RadioButtonsField_default = {};
 
 // src/action-form/fields/RadioButtonsField.tsx
-var RadioButtonsField = chunkRY2GVYT2_cjs.typedReactMemo(function RadioButtonsFieldFn({
+var RadioButtonsField = chunkMVNWOKH2_cjs.typedReactMemo(function RadioButtonsFieldFn({
   id,
   value,
   onChange,
   options,
   orientation
 }) {
-  const selectedLabel = React15.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
-  const handleValueChange = React15.useCallback((nextLabel) => {
+  const selectedLabel = React18.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
+  const handleValueChange = React18.useCallback((nextLabel) => {
     const match = options.find((opt) => opt.label === nextLabel);
     onChange?.(match?.value ?? null);
   }, [options, onChange]);
-  return /* @__PURE__ */ React15__default.default.createElement(radioGroup.RadioGroup, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(radioGroup.RadioGroup, {
     id,
     className: RadioButtonsField_default.osdkRadioGroup,
     "data-orientation": orientation ?? "vertical",
     value: selectedLabel,
     onValueChange: handleValueChange
-  }, options.map((option) => /* @__PURE__ */ React15__default.default.createElement(RadioItem, {
+  }, options.map((option) => /* @__PURE__ */ React18__namespace.default.createElement(RadioItem, {
     key: option.label,
     option
   })));
 });
-var RadioItem = /* @__PURE__ */ React15.memo(function RadioItemFn({
+var RadioItem = /* @__PURE__ */ React18.memo(function RadioItemFn({
   option
 }) {
-  return /* @__PURE__ */ React15__default.default.createElement("label", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("label", {
     className: RadioButtonsField_default.osdkRadioItem
-  }, /* @__PURE__ */ React15__default.default.createElement(radio.Radio.Root, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(radio.Radio.Root, {
     value: option.label,
     className: RadioButtonsField_default.osdkRadioRoot
-  }, /* @__PURE__ */ React15__default.default.createElement(radio.Radio.Indicator, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(radio.Radio.Indicator, {
     className: RadioButtonsField_default.osdkRadioIndicator
-  })), /* @__PURE__ */ React15__default.default.createElement("span", {
+  })), /* @__PURE__ */ React18__namespace.default.createElement("span", {
     className: RadioButtonsField_default.osdkRadioLabel
   }, option.label));
 });
@@ -961,14 +1198,14 @@ var RadioItem = /* @__PURE__ */ React15.memo(function RadioItemFn({
 var BaseInput_default = {};
 
 // src/action-form/fields/TextAreaField.tsx
-function _extends2() {
-  return _extends2 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends3() {
+  return _extends3 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends2.apply(null, arguments);
+  }, _extends3.apply(null, arguments);
 }
 var TEXTAREA_STYLE = {
   resize: "vertical"
@@ -984,12 +1221,12 @@ function TextAreaField({
   minLength,
   maxLength
 }) {
-  const renderTextarea = React15.useCallback((props) => /* @__PURE__ */ React15__default.default.createElement("textarea", _extends2({}, props, {
+  const renderTextarea = React18.useCallback((props) => /* @__PURE__ */ React18__namespace.default.createElement("textarea", _extends3({}, props, {
     rows,
     wrap,
     style: TEXTAREA_STYLE
   })), [rows, wrap]);
-  return /* @__PURE__ */ React15__default.default.createElement(input.Input, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     value: value ?? "",
@@ -1010,7 +1247,7 @@ function TextInputField({
   minLength,
   maxLength
 }) {
-  return /* @__PURE__ */ React15__default.default.createElement(input.Input, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     type: "text",
@@ -1024,16 +1261,16 @@ function TextInputField({
 }
 
 // src/action-form/fields/FormFieldRenderer.tsx
-function _extends3() {
-  return _extends3 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends4() {
+  return _extends4 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends3.apply(null, arguments);
+  }, _extends4.apply(null, arguments);
 }
-var FormFieldRenderer = /* @__PURE__ */ React15.memo(function FormFieldRendererFn({
+var FormFieldRenderer = /* @__PURE__ */ React18.memo(function FormFieldRendererFn({
   fieldDefinition,
   value,
   onFieldValueChange,
@@ -1046,7 +1283,7 @@ var FormFieldRenderer = /* @__PURE__ */ React15.memo(function FormFieldRendererF
     helperText,
     helperTextPlacement
   } = fieldDefinition;
-  return /* @__PURE__ */ React15__default.default.createElement(FormField, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(FormField, {
     label,
     isRequired,
     fieldKey: fieldDefinition.fieldKey,
@@ -1058,14 +1295,14 @@ var FormFieldRenderer = /* @__PURE__ */ React15.memo(function FormFieldRendererF
 function renderFieldComponent(fieldDefinition, value, onChange, error) {
   switch (fieldDefinition.fieldComponent) {
     case "DATE_RANGE_INPUT":
-      return /* @__PURE__ */ React15__default.default.createElement(DateRangeInputField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(DateRangeInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToDateRange(value),
         onChange,
         placeholderStart: fieldDefinition.placeholder
       }, fieldDefinition.fieldComponentProps));
     case "TEXT_INPUT":
-      return /* @__PURE__ */ React15__default.default.createElement(TextInputField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(TextInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1073,7 +1310,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error) {
         error
       }, fieldDefinition.fieldComponentProps));
     case "TEXT_AREA":
-      return /* @__PURE__ */ React15__default.default.createElement(TextAreaField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(TextAreaField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1081,7 +1318,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error) {
         error
       }, fieldDefinition.fieldComponentProps));
     case "DROPDOWN": {
-      return /* @__PURE__ */ React15__default.default.createElement(chunkRY2GVYT2_cjs.DropdownField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(chunkMVNWOKH2_cjs.DropdownField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
@@ -1090,7 +1327,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error) {
       }, fieldDefinition.fieldComponentProps));
     }
     case "DATETIME_PICKER":
-      return /* @__PURE__ */ React15__default.default.createElement(chunkRY2GVYT2_cjs.DatetimePickerField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(chunkMVNWOKH2_cjs.DatetimePickerField, _extends4({
         id: fieldDefinition.fieldKey,
         placeholder: fieldDefinition.placeholder,
         value: value instanceof Date ? value : null,
@@ -1098,21 +1335,21 @@ function renderFieldComponent(fieldDefinition, value, onChange, error) {
         error
       }, fieldDefinition.fieldComponentProps));
     case "RADIO_BUTTONS":
-      return /* @__PURE__ */ React15__default.default.createElement(RadioButtonsField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(RadioButtonsField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "CUSTOM":
-      return /* @__PURE__ */ React15__default.default.createElement(CustomField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(CustomField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "NUMBER_INPUT":
-      return /* @__PURE__ */ React15__default.default.createElement(NumberInputField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(NumberInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: typeof value === "number" ? value : null,
         onChange,
@@ -1120,14 +1357,22 @@ function renderFieldComponent(fieldDefinition, value, onChange, error) {
         error
       }, fieldDefinition.fieldComponentProps));
     case "FILE_PICKER":
-      return /* @__PURE__ */ React15__default.default.createElement(FilePickerField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(FilePickerField, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToFileValue(value),
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
+    case "OBJECT_SELECT":
+      return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSelectField, _extends4({
+        id: fieldDefinition.fieldKey,
+        value: narrowToOsdkObject(value),
+        onChange,
+        placeholder: fieldDefinition.placeholder,
+        error
+      }, fieldDefinition.fieldComponentProps));
     case "OBJECT_SET":
-      return /* @__PURE__ */ React15__default.default.createElement(ObjectSetField, _extends3({
+      return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetField, _extends4({
         id: fieldDefinition.fieldKey
       }, fieldDefinition.fieldComponentProps));
     default:
@@ -1153,18 +1398,24 @@ function coerceToFileValue(value) {
   }
   return null;
 }
+function narrowToOsdkObject(value) {
+  if (value != null && typeof value === "object" && "$primaryKey" in value) {
+    return value;
+  }
+  return null;
+}
 function assertUnreachableFieldComponent(value) {
   throw new Error(`Unhandled field component: ${String(value)}`);
 }
 
 // src/action-form/fields/FieldBridge.tsx
 var SELECT_LIKE_FIELDS = /* @__PURE__ */ new Set(["RADIO_BUTTONS", "DROPDOWN"]);
-var FieldBridge = /* @__PURE__ */ React15.memo(function FieldBridgeFn({
+var FieldBridge = /* @__PURE__ */ React18.memo(function FieldBridgeFn({
   fieldDef,
   control,
   onExternalChange
 }) {
-  const rules = React15.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
+  const rules = React18.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
   const {
     field: {
       onChange,
@@ -1180,20 +1431,20 @@ var FieldBridge = /* @__PURE__ */ React15.memo(function FieldBridgeFn({
     rules
   });
   const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
-  const handleChange = React15.useCallback((newValue) => {
+  const handleChange = React18.useCallback((newValue) => {
     onChange(newValue);
     onExternalChange?.(fieldDef.fieldKey, newValue);
     if (isSelectLike) {
       onBlur();
     }
   }, [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike]);
-  const handleBlur = React15.useCallback((e) => {
+  const handleBlur = React18.useCallback((e) => {
     if (e.currentTarget.contains(e.relatedTarget)) {
       return;
     }
     onBlur();
   }, [onBlur]);
-  return /* @__PURE__ */ React15__default.default.createElement(FormFieldRenderer, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(FormFieldRenderer, {
     value,
     fieldDefinition: fieldDef,
     onFieldValueChange: handleChange,
@@ -1206,16 +1457,16 @@ var FieldBridge = /* @__PURE__ */ React15.memo(function FieldBridgeFn({
 var FormHeader_default = {};
 
 // src/action-form/FormHeader.tsx
-var FormHeader = /* @__PURE__ */ React15.memo(function FormHeaderFn({
+var FormHeader = /* @__PURE__ */ React18.memo(function FormHeaderFn({
   title
 }) {
-  return /* @__PURE__ */ React15__default.default.createElement("h2", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("h2", {
     className: FormHeader_default.osdkFormHeader
   }, title);
 });
 
 // src/action-form/BaseForm.tsx
-var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
+var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
   formTitle,
   fieldDefinitions,
   formState: controlledFormState,
@@ -1227,7 +1478,7 @@ var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
   className
 }) {
   const isControlled = controlledFormState != null;
-  const defaultValues = React15.useMemo(() => buildDefaultValues(fieldDefinitions), [fieldDefinitions]);
+  const defaultValues = React18.useMemo(() => buildDefaultValues(fieldDefinitions), [fieldDefinitions]);
   const {
     control,
     trigger,
@@ -1246,7 +1497,7 @@ var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
       defaultValues
     }
   });
-  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React15.useState(false);
+  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React18.useState(false);
   const {
     isPending: isSubmitting,
     error: submissionError,
@@ -1254,7 +1505,7 @@ var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
     clearError
   } = useAsyncAction(onSubmit);
   const submissionErrorMessage = submissionError != null ? submissionError instanceof Error ? submissionError.message : "Submission failed" : void 0;
-  const handleFormSubmit = React15.useCallback(async (e) => {
+  const handleFormSubmit = React18.useCallback(async (e) => {
     e.preventDefault();
     setHasAttemptedSubmit(true);
     const isValid = await trigger();
@@ -1263,41 +1514,41 @@ var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
     }
     await executeSubmit(controlledFormState ?? getValues());
   }, [trigger, executeSubmit, controlledFormState, getValues]);
-  const handleFieldChange = React15.useCallback((fieldKey, value) => {
+  const handleFieldChange = React18.useCallback((fieldKey, value) => {
     clearError();
     onFieldValueChange?.(fieldKey, value);
   }, [clearError, onFieldValueChange]);
   const isFormPending = isPending || isSubmitting;
-  const labelByFieldKey = React15.useMemo(() => new Map(fieldDefinitions.map((d) => [d.fieldKey, d.label])), [fieldDefinitions]);
+  const labelByFieldKey = React18.useMemo(() => new Map(fieldDefinitions.map((d) => [d.fieldKey, d.label])), [fieldDefinitions]);
   const errorEntries = Object.entries(errors).map(([key, entry]) => ({
     label: labelByFieldKey.get(key) ?? key,
     message: entry?.message ?? "Invalid"
   }));
   const areErrorsPresent = errorEntries.length > 0;
   const buttonErrorMessage = areErrorsPresent ? "Some fields are invalid" : submissionErrorMessage;
-  return /* @__PURE__ */ React15__default.default.createElement("form", {
+  return /* @__PURE__ */ React18__namespace.default.createElement("form", {
     className: classnames__default.default(BaseForm_default.osdkForm, className),
     onSubmit: handleFormSubmit
-  }, formTitle != null && /* @__PURE__ */ React15__default.default.createElement(FormHeader, {
+  }, formTitle != null && /* @__PURE__ */ React18__namespace.default.createElement(FormHeader, {
     title: formTitle
-  }), isLoading && fieldDefinitions.length === 0 && /* @__PURE__ */ React15__default.default.createElement("div", {
+  }), isLoading && fieldDefinitions.length === 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", {
     role: "status",
     "aria-label": "Loading form fields",
     className: BaseForm_default.osdkFormFields
-  }, FORM_SKELETON), /* @__PURE__ */ React15__default.default.createElement("div", {
+  }, FORM_SKELETON), /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormFields
-  }, fieldDefinitions.map((fieldDef) => /* @__PURE__ */ React15__default.default.createElement(FieldBridge, {
+  }, fieldDefinitions.map((fieldDef) => /* @__PURE__ */ React18__namespace.default.createElement(FieldBridge, {
     key: fieldDef.fieldKey,
     fieldDef,
     control,
     onExternalChange: handleFieldChange
-  }))), /* @__PURE__ */ React15__default.default.createElement("div", {
+  }))), /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormFooter
-  }, /* @__PURE__ */ React15__default.default.createElement(ErrorIndicator, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(ErrorIndicator, {
     errorEntries
-  }), /* @__PURE__ */ React15__default.default.createElement("div", {
+  }), /* @__PURE__ */ React18__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormSubmitButton
-  }, /* @__PURE__ */ React15__default.default.createElement(SubmitButton, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(SubmitButton, {
     isPending: isFormPending,
     isSubmitDisabled: isSubmitDisabled || hasAttemptedSubmit && areErrorsPresent,
     errorMessage: buttonErrorMessage
@@ -1306,12 +1557,12 @@ var BaseForm = /* @__PURE__ */ React15.memo(function BaseFormFn({
 var SKELETON_FIELD_COUNT = 3;
 var FORM_SKELETON = Array.from({
   length: SKELETON_FIELD_COUNT
-}, (_, i) => /* @__PURE__ */ React15__default.default.createElement("div", {
+}, (_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", {
   key: i,
   className: BaseForm_default.osdkFormSkeletonField
-}, /* @__PURE__ */ React15__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}, /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonLabel
-}), /* @__PURE__ */ React15__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}), /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonInput
 })));
 function buildDefaultValues(fieldDefinitions) {
@@ -1324,13 +1575,13 @@ function buildDefaultValues(fieldDefinitions) {
   }
   return values;
 }
-var SubmitButton = /* @__PURE__ */ React15.memo(function SubmitButtonFn({
+var SubmitButton = /* @__PURE__ */ React18.memo(function SubmitButtonFn({
   isPending,
   isSubmitDisabled,
   errorMessage
 }) {
   const buttonLabel = isPending ? "Submitting\u2026" : "Submit";
-  const button = /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.ActionButton, {
+  const button = /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.ActionButton, {
     type: "submit",
     variant: "primary",
     disabled: isSubmitDisabled || isPending
@@ -1338,13 +1589,13 @@ var SubmitButton = /* @__PURE__ */ React15.memo(function SubmitButtonFn({
   if (errorMessage == null) {
     return button;
   }
-  return /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Root, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Root, {
     defaultOpen: true
-  }, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Trigger, {
-    render: /* @__PURE__ */ React15__default.default.createElement("span", {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Trigger, {
+    render: /* @__PURE__ */ React18__namespace.default.createElement("span", {
       className: BaseForm_default.osdkTooltipTriggerWrapper
     })
-  }, button), /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Portal, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Popup, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Arrow, null), errorMessage))));
+  }, button), /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Popup, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Arrow, null), errorMessage))));
 });
 function ErrorIndicator({
   errorEntries
@@ -1353,15 +1604,15 @@ function ErrorIndicator({
     return null;
   }
   const count = errorEntries.length;
-  return /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Root, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React15__default.default.createElement("span", {
+  return /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Root, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React18__namespace.default.createElement("span", {
     className: BaseForm_default.osdkFormErrorIndicator
-  }, /* @__PURE__ */ React15__default.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.Error, {
     size: 14
-  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Portal, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Popup, null, /* @__PURE__ */ React15__default.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React15__default.default.createElement("ul", {
+  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Popup, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkY5ULR6PM_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React18__namespace.default.createElement("ul", {
     className: BaseForm_default.osdkFormErrorList
-  }, errorEntries.map((entry) => /* @__PURE__ */ React15__default.default.createElement("li", {
+  }, errorEntries.map((entry) => /* @__PURE__ */ React18__namespace.default.createElement("li", {
     key: entry.label
-  }, /* @__PURE__ */ React15__default.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
+  }, /* @__PURE__ */ React18__namespace.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
 }
 
 // src/action-form/utils/coerceFieldValue.ts
@@ -1432,7 +1683,6 @@ function extractNumber(rawValue) {
 function getDefaultFieldDefinitions(metadata) {
   return Object.entries(metadata.parameters).map(([key, param]) => buildFieldDefinition(key, param));
 }
-var EMPTY_ITEMS = [];
 function buildFieldDefinition(key, param) {
   const base = {
     fieldKey: key,
@@ -1452,14 +1702,25 @@ function buildFieldDefinition(key, param) {
           }
         };
       case "object":
-      case "interface":
         return {
           ...base,
-          fieldComponent: "DROPDOWN",
+          fieldComponent: "OBJECT_SELECT",
           fieldComponentProps: {
-            items: EMPTY_ITEMS
+            // Construct a minimal ObjectTypeDefinition from the action
+            // parameter metadata. At runtime useOsdkObjects only reads
+            // type + apiName from the definition.
+            objectType: {
+              type: "object",
+              apiName: paramType.object
+            }
           }
         };
+      case "interface":
+        return {
+          ...base,
+          fieldComponent: "TEXT_INPUT",
+          fieldComponentProps: {}
+        };
       case "struct":
         return {
           ...base,
@@ -1521,17 +1782,17 @@ function buildFieldDefinition(key, param) {
 }
 
 // src/action-form/ActionForm.tsx
-function _extends4() {
-  return _extends4 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends5() {
+  return _extends5 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends4.apply(null, arguments);
+  }, _extends5.apply(null, arguments);
 }
 var EMPTY_FIELD_DEFINITIONS = [];
-var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
+var ActionForm = chunkMVNWOKH2_cjs.typedReactMemo(function ActionFormFn({
   actionDefinition,
   formTitle,
   formFieldDefinitions,
@@ -1552,7 +1813,7 @@ var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
     loading: metadataLoading,
     error: metadataError
   } = react.useOsdkMetadata(actionDefinition);
-  React15.useEffect(function saveMetadataError() {
+  React18.useEffect(function saveMetadataError() {
     if (metadataError != null) {
       onError?.({
         type: "unknown",
@@ -1561,7 +1822,7 @@ var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
     }
   }, [metadataError, onError]);
   const parameters = metadata?.parameters;
-  const customFieldDefinitions = React15.useMemo(() => {
+  const customFieldDefinitions = React18.useMemo(() => {
     if (formFieldDefinitions == null) {
       return null;
     }
@@ -1572,15 +1833,15 @@ var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
       defaultValue: def.defaultValue
     }));
   }, [formFieldDefinitions, parameters]);
-  const rendererFieldDefinitions = React15.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
-  const coerceFormState = React15.useCallback((rawState) => {
+  const rendererFieldDefinitions = React18.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
+  const coerceFormState = React18.useCallback((rawState) => {
     const coerced = {};
     for (const [key, value] of Object.entries(rawState)) {
       coerced[key] = coerceFieldValue(parameters?.[key]?.type, value);
     }
     return coerced;
   }, [parameters]);
-  const handleSubmit = React15.useCallback(async (rawFormState) => {
+  const handleSubmit = React18.useCallback(async (rawFormState) => {
     const formState = coerceFormState(rawFormState);
     try {
       if (onSubmit != null) {
@@ -1596,7 +1857,7 @@ var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
       });
     }
   }, [coerceFormState, onSubmit, osdkApplyAction, onSuccess, onError]);
-  const handleFieldValueChange = React15.useCallback((fieldKey, value) => {
+  const handleFieldValueChange = React18.useCallback((fieldKey, value) => {
     onFormStateChange?.((prev) => ({
       ...prev,
       [fieldKey]: value
@@ -1614,17 +1875,17 @@ var ActionForm = chunkRY2GVYT2_cjs.typedReactMemo(function ActionFormFn({
     onFieldValueChange: handleFieldValueChange
   };
   if (!isControlled) {
-    return /* @__PURE__ */ React15__default.default.createElement(BaseForm, commonProps);
+    return /* @__PURE__ */ React18__namespace.default.createElement(BaseForm, commonProps);
   }
-  return /* @__PURE__ */ React15__default.default.createElement(BaseForm, _extends4({}, commonProps, {
+  return /* @__PURE__ */ React18__namespace.default.createElement(BaseForm, _extends5({}, commonProps, {
     formState: controlledFormState
   }));
 });
 
 // src/public/experimental/action-form.ts
-var ActionForm2 = chunkEEES66LS_cjs.withOsdkMetrics(ActionForm, "ActionForm");
+var ActionForm2 = chunk5DVHLBWS_cjs.withOsdkMetrics(ActionForm, "ActionForm");
 
 exports.ActionForm = ActionForm2;
 exports.BaseForm = BaseForm;
-//# sourceMappingURL=chunk-O5ZAMFDU.cjs.map
-//# sourceMappingURL=chunk-O5ZAMFDU.cjs.map
+//# sourceMappingURL=chunk-QWFJF7IM.cjs.map
+//# sourceMappingURL=chunk-QWFJF7IM.cjs.map