@osdk/react-components 0.12.0 → 0.13.0

package/build/cjs/{chunk-BJDCC446.cjs → chunk-PTTCWNZZ.cjs}

@@ -1,14 +1,15 @@
 'use strict';
 
-var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkT7I6O43T_cjs = require('./chunk-T7I6O43T.cjs');
-var chunkJLESWL47_cjs = require('./chunk-JLESWL47.cjs');
-var chunkVVJFMOZI_cjs = require('./chunk-VVJFMOZI.cjs');
-var chunkSB2VTP67_cjs = require('./chunk-SB2VTP67.cjs');
+var chunkX337DNCW_cjs = require('./chunk-X337DNCW.cjs');
+var chunk6SPXSFPI_cjs = require('./chunk-6SPXSFPI.cjs');
+var chunkV7XWTJV7_cjs = require('./chunk-V7XWTJV7.cjs');
+var chunkI3OSD6CF_cjs = require('./chunk-I3OSD6CF.cjs');
+var chunkMD4KDE44_cjs = require('./chunk-MD4KDE44.cjs');
+var chunkMQYOHGPY_cjs = require('./chunk-MQYOHGPY.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
-var chunkSZXVBDSA_cjs = require('./chunk-SZXVBDSA.cjs');
+var chunk6UDBHYSO_cjs = require('./chunk-6UDBHYSO.cjs');
 var react = require('@osdk/react');
-var React19 = require('react');
+var React20 = require('react');
 var icons = require('@blueprintjs/icons');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
@@ -40,12 +41,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React19__namespace = /*#__PURE__*/_interopNamespace(React19);
+var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 function useIsMounted() {
-  const isMountedRef = React19.useRef(true);
-  React19.useEffect(function trackMountedState() {
+  const isMountedRef = React20.useRef(true);
+  React20.useEffect(function trackMountedState() {
     return () => {
       isMountedRef.current = false;
     };
@@ -55,10 +56,10 @@ function useIsMounted() {
 
 // src/shared/hooks/useAsyncAction.ts
 function useAsyncAction(action) {
-  const [isPending, setIsPending] = React19.useState(false);
-  const [error, setError] = React19.useState(void 0);
+  const [isPending, setIsPending] = React20.useState(false);
+  const [error, setError] = React20.useState(void 0);
   const isMountedRef = useIsMounted();
-  const execute = React19.useCallback(async (...args) => {
+  const execute = React20.useCallback(async (...args) => {
     setError(void 0);
     setIsPending(true);
     try {
@@ -73,7 +74,7 @@ function useAsyncAction(action) {
       }
     }
   }, [action, isMountedRef]);
-  const clearError = React19.useCallback(() => {
+  const clearError = React20.useCallback(() => {
     setError(void 0);
   }, []);
   return {
@@ -247,7 +248,7 @@ function formatBytes(bytes) {
 var FormField_default = {};
 
 // src/action-form/FormField.tsx
-var FormField = /* @__PURE__ */ React19.memo(function FormFieldFn({
+var FormField = /* @__PURE__ */ React20.memo(function FormFieldFn({
   fieldKey,
   label,
   isRequired,
@@ -260,65 +261,68 @@ var FormField = /* @__PURE__ */ React19.memo(function FormFieldFn({
   const hasHelperText = helperText != null && helperText !== "";
   const showTooltip = hasHelperText && helperTextPlacement === "tooltip";
   const showBottomText = hasHelperText && helperTextPlacement === "bottom";
-  const labelElement = label != null ? /* @__PURE__ */ React19__namespace.default.createElement("label", {
+  const labelElement = label != null ? /* @__PURE__ */ React20__namespace.default.createElement("label", {
     className: FormField_default.osdkFormFieldLabel,
     htmlFor: fieldKey
-  }, label, isRequired === true && /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, label, isRequired === true && /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: FormField_default.osdkFormFieldRequired,
     "aria-label": "required"
   }, " ", "*")) : null;
-  return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormField_default.osdkFormField,
     onBlur
-  }, showTooltip ? /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, showTooltip ? /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormField_default.osdkFormFieldLabelRow
-  }, labelElement, /* @__PURE__ */ React19__namespace.default.createElement(InfoTip, {
+  }, labelElement, /* @__PURE__ */ React20__namespace.default.createElement(InfoTip, {
     label
-  }, helperText)) : labelElement, showBottomText && /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, helperText)) : labelElement, showBottomText && /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormField_default.osdkFormFieldHelperText
-  }, helperText), children, error != null && /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, helperText), children, /* @__PURE__ */ React20__namespace.default.createElement("div", {
+    className: FormField_default.osdkFormFieldErrorSlot,
+    "data-osdk-form-field-error-slot": ""
+  }, error != null && /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormField_default.osdkFormFieldError,
     role: "alert"
-  }, error));
+  }, error)));
 });
 function InfoTip({
   label,
   children
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Root, null, /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Trigger, {
-    render: /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Root, null, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Trigger, {
+    render: /* @__PURE__ */ React20__namespace.default.createElement("span", {
       className: FormField_default.osdkFormFieldInfoIcon
     }),
     nativeButton: false,
     openOnHover: true,
     "aria-label": label != null ? `Info about ${label}` : "More information"
-  }, /* @__PURE__ */ React19__namespace.default.createElement(icons.InfoSign, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.InfoSign, {
     size: 12
-  })), /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Positioner, {
+  })), /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Popup, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Popup, {
     className: FormField_default.osdkFormFieldInfoPopup
   }, children))));
 }
 
 // src/action-form/FormFieldApi.ts
 var EMPTY_RANGE = [null, null];
-var CustomField = /* @__PURE__ */ React19.memo(function CustomFieldFn({
+var CustomField = /* @__PURE__ */ React20.memo(function CustomFieldFn({
   customRenderer: CustomRenderer,
   ...baseProps
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement(CustomRenderer, baseProps);
+  return /* @__PURE__ */ React20__namespace.default.createElement(CustomRenderer, baseProps);
 });
 
 // src/action-form/fields/DateRangeInputField.module.css
 var DateRangeInputField_default = {};
-var DateRangeCalendarLazy = /* @__PURE__ */ React19__namespace.default.lazy(() => import('./DateRangeCalendar-JHO2BF3Z.cjs'));
+var DateRangeCalendarLazy = /* @__PURE__ */ React20__namespace.default.lazy(() => import('./DateRangeCalendar-OHT4IUWQ.cjs'));
 function LazyDateRangeCalendar(props) {
-  return /* @__PURE__ */ React19__namespace.default.createElement(React19.Suspense, {
-    fallback: /* @__PURE__ */ React19__namespace.default.createElement("div", {
-      className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerFallback
+  return /* @__PURE__ */ React20__namespace.default.createElement(React20.Suspense, {
+    fallback: /* @__PURE__ */ React20__namespace.default.createElement("div", {
+      className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerFallback
     })
-  }, /* @__PURE__ */ React19__namespace.default.createElement(DateRangeCalendarLazy, props));
+  }, /* @__PURE__ */ React20__namespace.default.createElement(DateRangeCalendarLazy, props));
 }
 
 // src/action-form/fields/DateRangeInputField.tsx
@@ -332,14 +336,14 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 var SHARED_INPUT_PROPS = {
-  className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerInput,
+  className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerInput,
   type: "text",
-  onClick: chunkJLESWL47_cjs.stopPropagation,
+  onClick: chunkV7XWTJV7_cjs.stopPropagation,
   autoComplete: "off",
   role: "combobox",
   "aria-haspopup": "dialog"
 };
-var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(function DateRangeInputField2({
+var DateRangeInputField = /* @__PURE__ */ React20__namespace.default.memo(function DateRangeInputField2({
   id,
   value,
   onChange,
@@ -354,24 +358,25 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
   portalContainer
 }) {
   const shouldCloseOnSelection = !showTime;
-  const popoverId = React19.useId();
-  const startInputRef = React19.useRef(null);
-  const endInputRef = React19.useRef(null);
-  const popoverRef = React19.useRef(null);
-  const [isOpen, setIsOpen] = React19.useState(false);
-  const skipReopenRef = React19.useRef(false);
-  const [activeBoundary, setActiveBoundary] = React19.useState("start");
+  const popoverId = React20.useId();
+  const triggerRef = React20.useRef(null);
+  const startInputRef = React20.useRef(null);
+  const endInputRef = React20.useRef(null);
+  const popoverRef = React20.useRef(null);
+  const [isOpen, setIsOpen] = React20.useState(false);
+  const skipReopenRef = React20.useRef(false);
+  const [activeBoundary, setActiveBoundary] = React20.useState("start");
   const [startDate, endDate] = value ?? EMPTY_RANGE;
-  const editFormatFn = showTime ? chunkSB2VTP67_cjs.formatDatetimeForInput : chunkSB2VTP67_cjs.formatDateForInput;
-  const displayFormatFn = formatDate ?? (showTime ? chunkSB2VTP67_cjs.formatDatetimeForInput : chunkSB2VTP67_cjs.formatDateForDisplay);
-  const parseFn = parseDate ?? (showTime ? chunkSB2VTP67_cjs.parseDatetimeFromInput : chunkSB2VTP67_cjs.parseDateFromInput);
-  const startOnChange = React19.useCallback((date) => {
+  const editFormatFn = showTime ? chunkMQYOHGPY_cjs.formatDatetimeForInput : chunkMQYOHGPY_cjs.formatDateForInput;
+  const displayFormatFn = formatDate ?? (showTime ? chunkMQYOHGPY_cjs.formatDatetimeForInput : chunkMQYOHGPY_cjs.formatDateForInput);
+  const parseFn = parseDate ?? (showTime ? chunkMQYOHGPY_cjs.parseDatetimeFromInput : chunkMQYOHGPY_cjs.parseDateFromInput);
+  const startOnChange = React20.useCallback((date) => {
     if (date != null && isOverlapping(date, endDate, allowSingleDayRange)) {
       return;
     }
     onChange?.([date, endDate ?? null]);
   }, [endDate, onChange, allowSingleDayRange]);
-  const endOnChange = React19.useCallback((date) => {
+  const endOnChange = React20.useCallback((date) => {
     if (date != null && isOverlapping(startDate, date, allowSingleDayRange)) {
       return;
     }
@@ -387,7 +392,7 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     commitAndStopEditing: commitStartAndStopEditing,
     setInputValue: setStartInputValue,
     setDateValue: setStartDateValue
-  } = chunkT7I6O43T_cjs.useDateEditState({
+  } = chunk6SPXSFPI_cjs.useDateEditState({
     value: startDate,
     displayFormatFn,
     editFormatFn,
@@ -406,7 +411,7 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     commitAndStopEditing: commitEndAndStopEditing,
     setInputValue: setEndInputValue,
     setDateValue: setEndDateValue
-  } = chunkT7I6O43T_cjs.useDateEditState({
+  } = chunk6SPXSFPI_cjs.useDateEditState({
     value: endDate,
     displayFormatFn,
     editFormatFn,
@@ -423,8 +428,8 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
   })();
   const startInvalid = startInputError != null || hasOverlapError;
   const endInvalid = endInputError != null || hasOverlapError;
-  const getActiveInputRef = React19.useCallback(() => activeBoundary === "start" ? startInputRef : endInputRef, [activeBoundary]);
-  const beginEditing = React19.useCallback((boundary) => {
+  const getActiveInputRef = React20.useCallback(() => activeBoundary === "start" ? startInputRef : endInputRef, [activeBoundary]);
+  const beginEditing = React20.useCallback((boundary) => {
     if (boundary === "start") {
       beginStartEditing();
     } else {
@@ -432,7 +437,7 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     }
     setActiveBoundary(boundary);
   }, [beginStartEditing, beginEndEditing]);
-  const handleInputFocus = React19.useCallback((boundary) => {
+  const handleInputFocus = React20.useCallback((boundary) => {
     beginEditing(boundary);
     if (skipReopenRef.current) {
       skipReopenRef.current = false;
@@ -440,20 +445,28 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     }
     setIsOpen(true);
   }, [beginEditing]);
-  const handleStartFocus = React19.useCallback(() => {
+  const handleStartFocus = React20.useCallback(() => {
     handleInputFocus("start");
   }, [handleInputFocus]);
-  const handleEndFocus = React19.useCallback(() => {
+  const handleEndFocus = React20.useCallback(() => {
     handleInputFocus("end");
   }, [handleInputFocus]);
-  const closePopoverForBoundaryExit = React19.useCallback(() => {
+  const closePopoverForBoundaryExit = React20.useCallback(() => {
     skipReopenRef.current = true;
     setIsOpen(false);
     stopStartEditing();
     stopEndEditing();
     getActiveInputRef().current?.focus();
   }, [getActiveInputRef, stopStartEditing, stopEndEditing]);
-  const handleStartBlur = React19.useCallback((e) => {
+  const handleStartPointerDown = React20.useCallback(() => {
+    startInputRef.current?.focus();
+    handleStartFocus();
+  }, [handleStartFocus]);
+  const handleEndPointerDown = React20.useCallback(() => {
+    endInputRef.current?.focus();
+    handleEndFocus();
+  }, [handleEndFocus]);
+  const handleStartBlur = React20.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       e.stopPropagation();
@@ -464,7 +477,7 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     }
     commitStartAndStopEditing();
   }, [commitStartAndStopEditing]);
-  const handleEndBlur = React19.useCallback((e) => {
+  const handleEndBlur = React20.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       e.stopPropagation();
@@ -475,14 +488,14 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     }
     commitEndAndStopEditing();
   }, [commitEndAndStopEditing]);
-  const closePopover = React19.useCallback(() => {
+  const closePopover = React20.useCallback(() => {
     setIsOpen(false);
     stopStartEditing();
     stopEndEditing();
     startInputRef.current?.blur();
     endInputRef.current?.blur();
   }, [stopStartEditing, stopEndEditing]);
-  const handleStartKeyDown = React19.useCallback((e) => {
+  const handleStartKeyDown = React20.useCallback((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
       commitStartAndStopEditing();
@@ -494,7 +507,7 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
       setIsOpen(false);
     }
   }, [commitStartAndStopEditing, closePopover]);
-  const handleEndKeyDown = React19.useCallback((e) => {
+  const handleEndKeyDown = React20.useCallback((e) => {
     if (e.key === "Enter") {
       e.preventDefault();
       commitEndAndStopEditing();
@@ -510,14 +523,14 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
       }
     }
   }, [commitEndAndStopEditing, closePopover, isOpen]);
-  const handleOpenChange = React19.useCallback((nextOpen) => {
+  const handleOpenChange = React20.useCallback((nextOpen) => {
     if (nextOpen) {
       setIsOpen(true);
     } else {
       closePopover();
     }
   }, [closePopover]);
-  const handleRangeSelect = React19.useCallback((range) => {
+  const handleRangeSelect = React20.useCallback((range) => {
     const newStart = range?.from ?? null;
     const newEnd = range?.to ?? null;
     onChange?.([newStart, newEnd]);
@@ -532,30 +545,18 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
       setEndDateValue(newEnd);
     }
   }, [onChange, shouldCloseOnSelection, closePopover, stopStartEditing, setStartDateValue, setEndDateValue]);
-  const handleStartTimeChange = React19.useCallback((timeString) => {
-    const {
-      hours,
-      minutes
-    } = chunkSB2VTP67_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 = React19.useCallback((timeString) => {
-    const {
-      hours,
-      minutes
-    } = chunkSB2VTP67_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 = React19.useCallback(() => {
+  const handleStartTimeChange = React20.useCallback((time) => {
+    onChange?.([time, endDate ?? null]);
+    setStartDateValue(time);
+  }, [endDate, onChange, setStartDateValue]);
+  const handleEndTimeChange = React20.useCallback((time) => {
+    onChange?.([startDate ?? null, time]);
+    setEndDateValue(time);
+  }, [startDate, onChange, setEndDateValue]);
+  const handleStartFocusBoundary = React20.useCallback(() => {
     getActiveInputRef().current?.focus();
   }, [getActiveInputRef]);
-  const handleEndFocusBoundary = React19.useCallback((e) => {
+  const handleEndFocusBoundary = React20.useCallback((e) => {
     const related = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(related)) {
       closePopoverForBoundaryExit();
@@ -569,14 +570,12 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     from: startDate ?? void 0,
     to: endDate ?? void 0
   } : void 0;
-  const timeFooter = showTime ? /* @__PURE__ */ React19__namespace.default.createElement("div", {
-    className: DateRangeInputField_default.osdkDateRangeTimeRow
-  }, /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.TimePicker, {
-    value: chunkSB2VTP67_cjs.getTimeValue(startDate),
+  const timeFooter = showTime ? /* @__PURE__ */ React20__namespace.default.createElement(React20__namespace.default.Fragment, null, /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.TimePicker, {
+    value: startDate,
     onChange: handleStartTimeChange,
     label: "Start time"
-  }), /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.TimePicker, {
-    value: chunkSB2VTP67_cjs.getTimeValue(endDate),
+  }), /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.TimePicker, {
+    value: endDate,
     onChange: handleEndTimeChange,
     label: "End time"
   })) : void 0;
@@ -584,73 +583,81 @@ var DateRangeInputField = /* @__PURE__ */ React19__namespace.default.memo(functi
     ...SHARED_INPUT_PROPS,
     "aria-controls": popoverId
   };
-  return /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Root, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Root, {
     open: isOpen,
     onOpenChange: handleOpenChange,
     modal: "trap-focus"
-  }, /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Trigger, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
+    ref: triggerRef,
+    className: DateRangeInputField_default.osdkDateRangeContainer
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
+    className: classnames__default.default(chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, startInvalid && chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
+  }, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Trigger, {
     nativeButton: false,
-    render: /* @__PURE__ */ React19__namespace.default.createElement("div", {
-      className: DateRangeInputField_default.osdkDateRangeContainer
-    })
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
-    className: classnames__default.default(chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, startInvalid && chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
-  }, /* @__PURE__ */ React19__namespace.default.createElement(input.Input, _extends({
-    ref: startInputRef,
-    id: id != null ? `${id}-start` : void 0,
-    value: displayedStart,
-    onValueChange: setStartInputValue,
-    onFocus: handleStartFocus,
-    onBlur: handleStartBlur,
-    onKeyDown: handleStartKeyDown,
-    placeholder: placeholderStart,
-    "aria-expanded": isOpen && activeBoundary === "start",
-    "aria-label": "Start date",
-    "aria-invalid": startInvalid || void 0
-  }, sharedInputProps))), /* @__PURE__ */ React19__namespace.default.createElement("div", {
-    className: classnames__default.default(chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, endInvalid && chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
-  }, /* @__PURE__ */ React19__namespace.default.createElement(input.Input, _extends({
-    ref: endInputRef,
-    id: id != null ? `${id}-end` : void 0,
-    value: displayedEnd,
-    onValueChange: setEndInputValue,
-    onFocus: handleEndFocus,
-    onBlur: handleEndBlur,
-    onKeyDown: handleEndKeyDown,
-    placeholder: placeholderEnd,
-    "aria-expanded": isOpen && activeBoundary === "end",
-    "aria-label": "End date",
-    "aria-invalid": endInvalid || void 0
-  }, sharedInputProps)))), /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Portal, {
+    render: /* @__PURE__ */ React20__namespace.default.createElement(input.Input, _extends({
+      ref: startInputRef,
+      id: id != null ? `${id}-start` : void 0,
+      value: displayedStart,
+      onValueChange: setStartInputValue,
+      onFocus: handleStartFocus,
+      onPointerDown: handleStartPointerDown,
+      onBlur: handleStartBlur,
+      onKeyDown: handleStartKeyDown,
+      placeholder: placeholderStart,
+      "aria-expanded": isOpen && activeBoundary === "start",
+      "aria-label": "Start date",
+      "aria-invalid": startInvalid || void 0
+    }, sharedInputProps))
+  })), /* @__PURE__ */ React20__namespace.default.createElement("div", {
+    className: classnames__default.default(chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerInputWrapper, DateRangeInputField_default.osdkDateRangeInputWrapper, endInvalid && chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerInputWrapperError)
+  }, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Trigger, {
+    nativeButton: false,
+    render: /* @__PURE__ */ React20__namespace.default.createElement(input.Input, _extends({
+      ref: endInputRef,
+      id: id != null ? `${id}-end` : void 0,
+      value: displayedEnd,
+      onValueChange: setEndInputValue,
+      onBlur: handleEndBlur,
+      onKeyDown: handleEndKeyDown,
+      onFocus: handleEndFocus,
+      onPointerDown: handleEndPointerDown,
+      placeholder: placeholderEnd,
+      "aria-expanded": isOpen && activeBoundary === "end",
+      "aria-label": "End date",
+      "aria-invalid": endInvalid || void 0
+    }, sharedInputProps))
+  }))), /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Portal, {
     container: portalContainer
-  }, /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.PortalDismissLayer, {
-    className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerDismissLayer,
+  }, /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.PortalDismissLayer, {
+    className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerDismissLayer,
     onDismiss: closePopover
-  }), /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Positioner, {
-    className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerPositioner,
+  }), /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Positioner, {
+    anchor: triggerRef,
+    className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerPositioner,
     sideOffset: 4
-  }, /* @__PURE__ */ React19__namespace.default.createElement(popover.Popover.Popup, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(popover.Popover.Popup, {
     ref: popoverRef,
-    className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerPopover,
+    className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerPopover,
     id: popoverId,
     role: "dialog",
     "aria-label": "date range picker",
     finalFocus: false
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     onFocus: handleStartFocusBoundary,
     tabIndex: 0,
     "aria-label": "Start of date range picker dialog",
-    className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
-  }), /* @__PURE__ */ React19__namespace.default.createElement(LazyDateRangeCalendar, {
+    className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
+  }), /* @__PURE__ */ React20__namespace.default.createElement(LazyDateRangeCalendar, {
     selected: calendarSelected,
     onSelect: handleRangeSelect,
     min,
-    max
-  }), timeFooter, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+    max,
+    footer: timeFooter
+  }), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     onFocus: handleEndFocusBoundary,
     tabIndex: 0,
     "aria-label": "End of date range picker dialog",
-    className: chunkT7I6O43T_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
+    className: chunk6SPXSFPI_cjs.DatePickerCommon_default.osdkDatePickerFocusBoundary
   })))));
 });
 function isOverlapping(start, end, allowSingleDayRange) {
@@ -663,7 +670,7 @@ function isOverlapping(start, end, allowSingleDayRange) {
 var FilePickerField_default = {};
 
 // src/action-form/fields/FilePickerField.tsx
-var FilePickerField = /* @__PURE__ */ React19.memo(function FilePickerFieldFn({
+var FilePickerField = /* @__PURE__ */ React20.memo(function FilePickerFieldFn({
   id,
   value,
   onChange,
@@ -677,11 +684,23 @@ var FilePickerField = /* @__PURE__ */ React19.memo(function FilePickerFieldFn({
   text = "No file chosen",
   buttonText = "Browse"
 }) {
-  const inputRef = React19.useRef(null);
-  const openFileDialog = React19.useCallback(() => {
+  const inputRef = React20.useRef(null);
+  const fileTriggerRef = React20.useRef(null);
+  const openFileDialog = React20.useCallback(() => {
     inputRef.current?.click();
   }, []);
-  const handleInputChange = React19.useCallback((event) => {
+  const focusFileTrigger = React20.useCallback(() => {
+    fileTriggerRef.current?.focus();
+  }, []);
+  const handleBrowsePointerDown = React20.useCallback((event) => {
+    event.preventDefault();
+    focusFileTrigger();
+  }, [focusFileTrigger]);
+  const handleBrowseClick = React20.useCallback(() => {
+    focusFileTrigger();
+    openFileDialog();
+  }, [focusFileTrigger, openFileDialog]);
+  const handleInputChange = React20.useCallback((event) => {
     const files = event.target.files;
     if (files == null || files.length === 0) {
       onChange?.(null);
@@ -693,58 +712,54 @@ var FilePickerField = /* @__PURE__ */ React19.memo(function FilePickerFieldFn({
       onChange?.(files[0] ?? null);
     }
   }, [onChange, isMulti]);
-  const handleClear = React19.useCallback((event) => {
-    event.stopPropagation();
+  const handleClear = React20.useCallback((event) => {
     event.preventDefault();
     onChange?.(null);
     if (inputRef.current != null) {
       inputRef.current.value = "";
     }
   }, [onChange]);
-  const handleKeyDown = React19.useCallback((event) => {
+  const handleKeyDown = React20.useCallback((event) => {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = React19.useMemo(() => getDisplayText(value), [value]);
+  const displayText = React20.useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = React19.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__ */ React19__namespace.default.createElement("div", {
-      id,
-      className: FilePickerField_default.osdkFilePickerTrigger,
-      tabIndex: 0,
-      role: "button",
-      "aria-label": "Choose file",
-      onClick: openFileDialog,
-      onKeyDown: handleKeyDown,
-      "aria-invalid": error != null || void 0
-    }, /* @__PURE__ */ React19__namespace.default.createElement("input", {
-      ref: inputRef,
-      type: "file",
-      className: FilePickerField_default.osdkFilePickerHiddenInput,
-      multiple: isMulti,
-      accept: acceptString,
-      onChange: handleInputChange,
-      tabIndex: -1
-    }), /* @__PURE__ */ React19__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__ */ React19__namespace.default.createElement(button.Button, {
-      className: FilePickerField_default.osdkFilePickerClear,
-      onClick: handleClear,
-      "aria-label": "Clear selection"
-    }, /* @__PURE__ */ React19__namespace.default.createElement(icons.Cross, null)), /* @__PURE__ */ React19__namespace.default.createElement("span", {
-      className: FilePickerField_default.osdkFilePickerBrowse
-    }, buttonText))
-  );
+  const acceptString = React20.useMemo(() => normalizeAccept(accept), [accept]);
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", {
+    className: FilePickerField_default.osdkFilePickerTrigger,
+    "aria-invalid": error != null || void 0
+  }, /* @__PURE__ */ React20__namespace.default.createElement("input", {
+    ref: inputRef,
+    type: "file",
+    className: FilePickerField_default.osdkFilePickerHiddenInput,
+    multiple: isMulti,
+    accept: acceptString,
+    onChange: handleInputChange,
+    tabIndex: -1
+  }), /* @__PURE__ */ React20__namespace.default.createElement(button.Button, {
+    ref: fileTriggerRef,
+    id,
+    type: "button",
+    className: classnames__default.default(FilePickerField_default.osdkFilePickerText, !hasValue && FilePickerField_default.osdkFilePickerPlaceholder),
+    onClick: openFileDialog,
+    onKeyDown: handleKeyDown,
+    "aria-label": "Choose file",
+    "aria-invalid": error != null || void 0
+  }, displayText ?? text), hasValue && /* @__PURE__ */ React20__namespace.default.createElement(button.Button, {
+    type: "button",
+    className: FilePickerField_default.osdkFilePickerClear,
+    onClick: handleClear,
+    "aria-label": "Clear selection"
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.Cross, null)), /* @__PURE__ */ React20__namespace.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+    type: "button",
+    tabIndex: -1,
+    className: FilePickerField_default.osdkFilePickerBrowse,
+    onPointerDown: handleBrowsePointerDown,
+    onClick: handleBrowseClick
+  }, buttonText));
 });
 function normalizeAccept(accept) {
   if (accept == null) {
@@ -779,8 +794,8 @@ function NumberInputField({
   max,
   step
 }) {
-  const [displayValue, setDisplayValue] = React19.useState(() => formatNumberForDisplay(value));
-  const prevValueRef = React19.useRef(value);
+  const [displayValue, setDisplayValue] = React20.useState(() => formatNumberForDisplay(value));
+  const prevValueRef = React20.useRef(value);
   if (prevValueRef.current !== value) {
     prevValueRef.current = value;
     const currentParsed = parseNumericValue(displayValue);
@@ -788,14 +803,14 @@ function NumberInputField({
       setDisplayValue(formatNumberForDisplay(value));
     }
   }
-  const handleValueChange = React19.useCallback((newValue) => {
+  const handleValueChange = React20.useCallback((newValue) => {
     if (!isValidInput(newValue)) {
       return;
     }
     setDisplayValue(newValue);
     onChange?.(parseNumericValue(newValue));
   }, [onChange]);
-  const applyStep = React19.useCallback((direction) => {
+  const applyStep = React20.useCallback((direction) => {
     const current = parseNumericValue(displayValue) ?? 0;
     const delta = direction * (step ?? DEFAULT_STEP);
     const next = clamp(current + delta, min, max);
@@ -803,23 +818,23 @@ function NumberInputField({
     setDisplayValue(formatted);
     onChange?.(next);
   }, [displayValue, onChange, step, min, max]);
-  const handleKeyDown = React19.useCallback((e) => {
+  const handleKeyDown = React20.useCallback((e) => {
     if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
       return;
     }
     e.preventDefault();
     applyStep(e.key === "ArrowUp" ? 1 : -1);
   }, [applyStep]);
-  const handleStepUp = React19.useCallback(() => {
+  const handleStepUp = React20.useCallback(() => {
     applyStep(1);
   }, [applyStep]);
-  const handleStepDown = React19.useCallback(() => {
+  const handleStepDown = React20.useCallback(() => {
     applyStep(-1);
   }, [applyStep]);
-  return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputWrapper,
     "aria-invalid": error != null || void 0
-  }, /* @__PURE__ */ React19__namespace.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(input.Input, {
     id,
     className: NumberInputField_default.osdkNumberInputField,
     type: "text",
@@ -828,21 +843,21 @@ function NumberInputField({
     onValueChange: handleValueChange,
     onKeyDown: handleKeyDown,
     placeholder
-  }), /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputStepper
-  }, /* @__PURE__ */ React19__namespace.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Increment",
     tabIndex: -1,
     onClick: handleStepUp
-  }, /* @__PURE__ */ React19__namespace.default.createElement(icons.ChevronUp, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.ChevronUp, {
     size: CHEVRON_SIZE
-  })), /* @__PURE__ */ React19__namespace.default.createElement(button.Button, {
+  })), /* @__PURE__ */ React20__namespace.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Decrement",
     tabIndex: -1,
     onClick: handleStepDown
-  }, /* @__PURE__ */ React19__namespace.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.ChevronDown, {
     size: CHEVRON_SIZE
   }))));
 }
@@ -865,8 +880,8 @@ function clamp(value, min, max) {
   return value;
 }
 function useDebouncedValue(value, debounceMs) {
-  const [debouncedValue, setDebouncedValue] = React19.useState(value);
-  React19.useEffect(function debounceValue() {
+  const [debouncedValue, setDebouncedValue] = React20.useState(value);
+  React20.useEffect(function debounceValue() {
     const timer = setTimeout(() => {
       setDebouncedValue(value);
     }, debounceMs);
@@ -877,16 +892,16 @@ function useDebouncedValue(value, debounceMs) {
   return debouncedValue;
 }
 function useEventCallback(callback) {
-  const latestCallbackValueWrapper = React19__namespace.useRef((...args) => {
+  const latestCallbackValueWrapper = React20__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);
   });
-  React19__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     latestCallbackValueWrapper.current = callback;
   }, [callback]);
-  return React19__namespace.useCallback((...args) => latestCallbackValueWrapper.current(...args), []);
+  return React20__namespace.useCallback((...args) => latestCallbackValueWrapper.current(...args), []);
 }
 
 // src/shared/hooks/useInfiniteScroll.ts
@@ -898,11 +913,11 @@ function useInfiniteScroll({
   callback,
   loadedCount
 }) {
-  const observer = React19.useRef();
-  const targetRef = React19.useRef();
+  const observer = React20.useRef();
+  const targetRef = React20.useRef();
   const eventCallback = useEventCallback(callback);
-  const throttledCallback = React19.useCallback(lodashEs.throttle(eventCallback), []);
-  const handleObserverUpdate = React19.useCallback(
+  const throttledCallback = React20.useCallback(lodashEs.throttle(eventCallback), []);
+  const handleObserverUpdate = React20.useCallback(
     (entries) => {
       const ent = entries[0];
       if (ent && ent.isIntersecting) {
@@ -912,7 +927,7 @@ function useInfiniteScroll({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const {
       current: targetElement
     } = targetRef;
@@ -951,7 +966,7 @@ function _extends2() {
     return n;
   }, _extends2.apply(null, arguments);
 }
-var AsyncDropdownField = chunkT7I6O43T_cjs.typedReactMemo(function AsyncDropdownFieldFn({
+var AsyncDropdownField = chunk6SPXSFPI_cjs.typedReactMemo(function AsyncDropdownFieldFn({
   isLoading,
   hasMore,
   isSearching,
@@ -960,20 +975,20 @@ var AsyncDropdownField = chunkT7I6O43T_cjs.typedReactMemo(function AsyncDropdown
   ...dropdownProps
 }) {
   const itemCount = dropdownProps.items.length;
-  const popupStatus = React19.useMemo(() => {
+  const popupStatus = React20.useMemo(() => {
     if (fetchError != null) {
-      return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React20__namespace.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownError,
         role: "alert"
       }, fetchError.message);
     }
     if (isSearching) {
-      return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React20__namespace.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownStatus
       }, "Searching\u2026");
     }
     if (isLoading && itemCount === 0) {
-      return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React20__namespace.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownStatus
       }, "Loading\u2026");
     }
@@ -983,10 +998,10 @@ var AsyncDropdownField = chunkT7I6O43T_cjs.typedReactMemo(function AsyncDropdown
     callback: onFetchMore,
     loadedCount: itemCount
   });
-  return /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.DropdownField, _extends2({}, dropdownProps, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.DropdownField, _extends2({}, dropdownProps, {
     isSearchable: true,
     popupStatus,
-    trailingItem: hasMore ? /* @__PURE__ */ React19__namespace.default.createElement(InfiniteScrollSentinel, {
+    trailingItem: hasMore ? /* @__PURE__ */ React20__namespace.default.createElement(InfiniteScrollSentinel, {
       key: "sentinel",
       infiniteScrollRef
     }) : null,
@@ -996,10 +1011,10 @@ var AsyncDropdownField = chunkT7I6O43T_cjs.typedReactMemo(function AsyncDropdown
 function InfiniteScrollSentinel({
   infiniteScrollRef
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", {
     ref: infiniteScrollRef,
     role: "presentation"
-  }, /* @__PURE__ */ React19__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
     className: AsyncDropdownField_default.osdkAsyncDropdownSkeleton
   }));
 }
@@ -1008,7 +1023,7 @@ function InfiniteScrollSentinel({
 var SEARCH_DEBOUNCE_MS = 300;
 var PAGE_SIZE = 50;
 var EMPTY_ITEMS = [];
-var ObjectSelectField = /* @__PURE__ */ React19.memo(function ObjectSelectFieldFn({
+var ObjectSelectField = /* @__PURE__ */ React20.memo(function ObjectSelectFieldFn({
   objectType,
   value,
   onChange,
@@ -1019,9 +1034,9 @@ var ObjectSelectField = /* @__PURE__ */ React19.memo(function ObjectSelectFieldF
   portalRef,
   portalContainer
 }) {
-  const [query, setQuery] = React19.useState("");
+  const [query, setQuery] = React20.useState("");
   const debouncedQuery = useDebouncedValue(query, SEARCH_DEBOUNCE_MS);
-  const handleChange = React19.useCallback((newValue) => {
+  const handleChange = React20.useCallback((newValue) => {
     onChange?.(newValue);
     setQuery("");
   }, [onChange]);
@@ -1029,7 +1044,7 @@ var ObjectSelectField = /* @__PURE__ */ React19.memo(function ObjectSelectFieldF
     metadata
   } = react.useOsdkMetadata(objectType);
   const titleProperty = typeof metadata?.titleProperty === "string" ? metadata.titleProperty : void 0;
-  const where = React19.useMemo(() => {
+  const where = React20.useMemo(() => {
     const trimmed = debouncedQuery.trim();
     if (trimmed === "" || titleProperty == null) {
       return void 0;
@@ -1051,10 +1066,10 @@ var ObjectSelectField = /* @__PURE__ */ React19.memo(function ObjectSelectFieldF
     pageSize: PAGE_SIZE
   });
   const items = data ?? EMPTY_ITEMS;
-  const handleFetchMore = React19.useCallback(() => {
+  const handleFetchMore = React20.useCallback(() => {
     void fetchMore?.();
   }, [fetchMore]);
-  return /* @__PURE__ */ React19__namespace.default.createElement(AsyncDropdownField, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(AsyncDropdownField, {
     id,
     value,
     onChange: handleChange,
@@ -1084,23 +1099,23 @@ function itemToKey(obj) {
 function isItemEqual(a, b) {
   return a.$primaryKey === b.$primaryKey;
 }
-var BlueprintIcon = /* @__PURE__ */ React19__namespace.default.memo(function BlueprintIconFn({
+var BlueprintIcon = /* @__PURE__ */ React20__namespace.default.memo(function BlueprintIconFn({
   icon,
   size
 }) {
   const paths = useIcon(icon.name, size);
-  return /* @__PURE__ */ React19__namespace.default.createElement(icons.SVGIconContainer, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(icons.SVGIconContainer, {
     iconName: icon.name,
     color: icon.color
-  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React19__namespace.default.createElement("path", {
+  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React20__namespace.default.createElement("path", {
     key: i,
     d,
     fillRule: "evenodd"
   })) : []);
 });
 function useIcon(icon, size) {
-  const [iconPaths, setIconPaths] = React19__namespace.default.useState(() => icons.Icons.getPaths(icon, size));
-  React19__namespace.default.useEffect(function loadIconPaths() {
+  const [iconPaths, setIconPaths] = React20__namespace.default.useState(() => icons.Icons.getPaths(icon, size));
+  React20__namespace.default.useEffect(function loadIconPaths() {
     let isMounted = true;
     const loadedIconPaths = icons.Icons.getPaths(icon, size);
     if (loadedIconPaths != null) {
@@ -1129,20 +1144,20 @@ var DEFAULT_OBJECT_ICON = {
 };
 var ICON_SIZE = icons.IconSize.STANDARD;
 var DEFAULT_EMPTY_MESSAGE = "Object set is not defined";
-var ObjectSetField = chunkT7I6O43T_cjs.typedReactMemo(function ObjectSetFieldFn({
+var ObjectSetField = chunk6SPXSFPI_cjs.typedReactMemo(function ObjectSetFieldFn({
   value,
   emptyMessage = DEFAULT_EMPTY_MESSAGE
 }) {
   if (value == null) {
-    return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+    return /* @__PURE__ */ React20__namespace.default.createElement("div", {
       className: classnames__default.default(ObjectSetField_default.osdkObjectSetField, ObjectSetField_default.osdkObjectSetFieldEmpty)
     }, emptyMessage);
   }
-  return /* @__PURE__ */ React19__namespace.default.createElement(ObjectSetFieldContent, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(ObjectSetFieldContent, {
     objectSet: value
   });
 });
-var ObjectSetFieldContent = /* @__PURE__ */ React19__namespace.default.memo(function ObjectSetFieldContentFn({
+var ObjectSetFieldContent = /* @__PURE__ */ React20__namespace.default.memo(function ObjectSetFieldContentFn({
   objectSet
 }) {
   const objectTypeDef = objectSet.$objectSetInternals.def;
@@ -1160,22 +1175,22 @@ var ObjectSetFieldContent = /* @__PURE__ */ React19__namespace.default.memo(func
     pageSize: 1
   });
   const hasMetadata = metadata != null;
-  const icon = React19__namespace.default.useMemo(() => metadata != null && "icon" in metadata && metadata.icon != null ? toComponentIcon(metadata.icon) : DEFAULT_OBJECT_ICON, [metadata]);
+  const icon = React20__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__ */ React19__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: ObjectSetField_default.osdkObjectSetField
-  }, showLoadingState ? /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, OBJECT_SET_ICON_SKELETON, OBJECT_SET_LABEL_SKELETON) : /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, /* @__PURE__ */ React19__namespace.default.createElement(BlueprintIcon, {
+  }, showLoadingState ? /* @__PURE__ */ React20__namespace.default.createElement(React20__namespace.default.Fragment, null, OBJECT_SET_ICON_SKELETON, OBJECT_SET_LABEL_SKELETON) : /* @__PURE__ */ React20__namespace.default.createElement(React20__namespace.default.Fragment, null, /* @__PURE__ */ React20__namespace.default.createElement(BlueprintIcon, {
     icon,
     size: ICON_SIZE
-  }), /* @__PURE__ */ React19__namespace.default.createElement(ObjectSetLabel, {
+  }), /* @__PURE__ */ React20__namespace.default.createElement(ObjectSetLabel, {
     displayName,
     totalCount,
     error: objectSetError,
     isLoading: objectSetLoading
   })));
 });
-var ObjectSetLabel = /* @__PURE__ */ React19__namespace.default.memo(function ObjectSetLabelFn({
+var ObjectSetLabel = /* @__PURE__ */ React20__namespace.default.memo(function ObjectSetLabelFn({
   displayName,
   totalCount,
   isLoading,
@@ -1185,15 +1200,15 @@ var ObjectSetLabel = /* @__PURE__ */ React19__namespace.default.memo(function Ob
   const label = displayName ?? (totalCount === "1" ? "object" : "objects");
   const showSkeleton = isLoading && !hasData;
   const showError = error != null && !hasData && !isLoading;
-  return /* @__PURE__ */ React19__namespace.default.createElement(React19__namespace.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React20__namespace.default.createElement(React20__namespace.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: ObjectSetField_default.osdkObjectSetFieldError,
     role: "alert"
-  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React19__namespace.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
+  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React20__namespace.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
 });
-var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React19__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React20__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetIconSkeleton
 });
-var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React19__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React20__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetLabelSkeleton
 });
 function formatCount(count) {
@@ -1214,43 +1229,58 @@ function toComponentIcon(apiIcon) {
 var RadioButtonsField_default = {};
 
 // src/action-form/fields/RadioButtonsField.tsx
-var RadioButtonsField = chunkT7I6O43T_cjs.typedReactMemo(function RadioButtonsFieldFn({
+var RadioButtonsField = chunk6SPXSFPI_cjs.typedReactMemo(function RadioButtonsFieldFn({
   id,
   value,
   onChange,
   options,
   orientation
 }) {
-  const selectedLabel = React19.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
-  const handleValueChange = React19.useCallback((nextLabel) => {
+  const selectedLabel = React20.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
+  const handleValueChange = React20.useCallback((nextLabel) => {
     const match = options.find((opt) => opt.label === nextLabel);
     onChange?.(match?.value ?? null);
   }, [options, onChange]);
-  return /* @__PURE__ */ React19__namespace.default.createElement(radioGroup.RadioGroup, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(radioGroup.RadioGroup, {
     id,
     className: RadioButtonsField_default.osdkRadioGroup,
     "data-orientation": orientation ?? "vertical",
     value: selectedLabel,
     onValueChange: handleValueChange
-  }, options.map((option) => /* @__PURE__ */ React19__namespace.default.createElement(RadioItem, {
+  }, options.map((option) => /* @__PURE__ */ React20__namespace.default.createElement(RadioItem, {
     key: option.label,
     option
   })));
 });
-var RadioItem = /* @__PURE__ */ React19.memo(function RadioItemFn({
+var RadioItem = /* @__PURE__ */ React20.memo(function RadioItemFn({
   option
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement("label", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("label", {
     className: RadioButtonsField_default.osdkRadioItem
-  }, /* @__PURE__ */ React19__namespace.default.createElement(radio.Radio.Root, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(radio.Radio.Root, {
     value: option.label,
     className: RadioButtonsField_default.osdkRadioRoot
-  }, /* @__PURE__ */ React19__namespace.default.createElement(radio.Radio.Indicator, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(radio.Radio.Indicator, {
     className: RadioButtonsField_default.osdkRadioIndicator
-  })), /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  })), /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: RadioButtonsField_default.osdkRadioLabel
   }, option.label));
 });
+var SwitchField = /* @__PURE__ */ React20__namespace.default.memo(function SwitchFieldFn({
+  id,
+  label,
+  value,
+  onChange,
+  error
+}) {
+  return /* @__PURE__ */ React20__namespace.default.createElement(chunkX337DNCW_cjs.Switch, {
+    id,
+    checked: value ?? false,
+    onCheckedChange: onChange,
+    "aria-invalid": error != null || void 0,
+    "aria-label": label
+  });
+});
 
 // src/action-form/fields/BaseInput.module.css
 var BaseInput_default = {};
@@ -1279,12 +1309,12 @@ function TextAreaField({
   minLength,
   maxLength
 }) {
-  const renderTextarea = React19.useCallback((props) => /* @__PURE__ */ React19__namespace.default.createElement("textarea", _extends3({}, props, {
+  const renderTextarea = React20.useCallback((props) => /* @__PURE__ */ React20__namespace.default.createElement("textarea", _extends3({}, props, {
     rows,
     wrap,
     style: TEXTAREA_STYLE
   })), [rows, wrap]);
-  return /* @__PURE__ */ React19__namespace.default.createElement(input.Input, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     value: value ?? "",
@@ -1305,7 +1335,7 @@ function TextInputField({
   minLength,
   maxLength
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement(input.Input, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     type: "text",
@@ -1328,7 +1358,7 @@ function _extends4() {
     return n;
   }, _extends4.apply(null, arguments);
 }
-var FormFieldRenderer = /* @__PURE__ */ React19.memo(function FormFieldRendererFn({
+var FormFieldRenderer = /* @__PURE__ */ React20.memo(function FormFieldRendererFn({
   fieldDefinition,
   value,
   onFieldValueChange,
@@ -1342,7 +1372,7 @@ var FormFieldRenderer = /* @__PURE__ */ React19.memo(function FormFieldRendererF
     helperText,
     helperTextPlacement
   } = fieldDefinition;
-  return /* @__PURE__ */ React19__namespace.default.createElement(FormField, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(FormField, {
     label,
     isRequired,
     fieldKey: fieldDefinition.fieldKey,
@@ -1355,7 +1385,7 @@ var FormFieldRenderer = /* @__PURE__ */ React19.memo(function FormFieldRendererF
 function renderFieldComponent(fieldDefinition, value, onChange, error, portalContainer) {
   switch (fieldDefinition.fieldComponent) {
     case "DATE_RANGE_INPUT":
-      return /* @__PURE__ */ React19__namespace.default.createElement(DateRangeInputField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(DateRangeInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToDateRange(value),
         onChange,
@@ -1364,7 +1394,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "TEXT_INPUT":
-      return /* @__PURE__ */ React19__namespace.default.createElement(TextInputField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(TextInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1372,7 +1402,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "TEXT_AREA":
-      return /* @__PURE__ */ React19__namespace.default.createElement(TextAreaField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(TextAreaField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1380,7 +1410,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "DROPDOWN": {
-      return /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.DropdownField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.DropdownField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
@@ -1391,7 +1421,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
       }));
     }
     case "DATETIME_PICKER":
-      return /* @__PURE__ */ React19__namespace.default.createElement(chunkT7I6O43T_cjs.DatetimePickerField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(chunk6SPXSFPI_cjs.DatetimePickerField, _extends4({
         id: fieldDefinition.fieldKey,
         placeholder: fieldDefinition.placeholder,
         value: value instanceof Date ? value : null,
@@ -1401,21 +1431,29 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "RADIO_BUTTONS":
-      return /* @__PURE__ */ React19__namespace.default.createElement(RadioButtonsField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(RadioButtonsField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
+    case "SWITCH":
+      return /* @__PURE__ */ React20__namespace.default.createElement(SwitchField, _extends4({
+        id: fieldDefinition.fieldKey,
+        label: fieldDefinition.label,
+        value: !!value,
+        onChange,
+        error
+      }, fieldDefinition.fieldComponentProps));
     case "CUSTOM":
-      return /* @__PURE__ */ React19__namespace.default.createElement(CustomField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(CustomField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "NUMBER_INPUT":
-      return /* @__PURE__ */ React19__namespace.default.createElement(NumberInputField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(NumberInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: typeof value === "number" ? value : null,
         onChange,
@@ -1423,14 +1461,14 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "FILE_PICKER":
-      return /* @__PURE__ */ React19__namespace.default.createElement(FilePickerField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(FilePickerField, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToFileValue(value),
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "OBJECT_SELECT":
-      return /* @__PURE__ */ React19__namespace.default.createElement(ObjectSelectField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(ObjectSelectField, _extends4({
         id: fieldDefinition.fieldKey,
         value: narrowToOsdkObject(value),
         onChange,
@@ -1440,7 +1478,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "OBJECT_SET":
-      return /* @__PURE__ */ React19__namespace.default.createElement(ObjectSetField, _extends4({
+      return /* @__PURE__ */ React20__namespace.default.createElement(ObjectSetField, _extends4({
         id: fieldDefinition.fieldKey
       }, fieldDefinition.fieldComponentProps));
     default:
@@ -1480,14 +1518,14 @@ function assertUnreachableFieldComponent(value) {
 }
 
 // src/action-form/fields/FieldBridge.tsx
-var SELECT_LIKE_FIELDS = /* @__PURE__ */ new Set(["RADIO_BUTTONS", "DROPDOWN"]);
-var FieldBridge = /* @__PURE__ */ React19.memo(function FieldBridgeFn({
+var SELECT_LIKE_FIELDS = /* @__PURE__ */ new Set(["RADIO_BUTTONS", "DROPDOWN", "SWITCH"]);
+var FieldBridge = /* @__PURE__ */ React20.memo(function FieldBridgeFn({
   fieldDef,
   control,
   onExternalChange,
   portalContainer
 }) {
-  const rules = React19.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
+  const rules = React20.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
   const {
     field: {
       onChange,
@@ -1503,20 +1541,20 @@ var FieldBridge = /* @__PURE__ */ React19.memo(function FieldBridgeFn({
     rules
   });
   const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
-  const handleChange = React19.useCallback((newValue) => {
+  const handleChange = React20.useCallback((newValue) => {
     onChange(newValue);
     onExternalChange?.(fieldDef.fieldKey, newValue);
     if (isSelectLike) {
       onBlur();
     }
   }, [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike]);
-  const handleBlur = React19.useCallback((e) => {
+  const handleBlur = React20.useCallback((e) => {
     if (e.currentTarget.contains(e.relatedTarget)) {
       return;
     }
     onBlur();
   }, [onBlur]);
-  return /* @__PURE__ */ React19__namespace.default.createElement(FormFieldRenderer, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(FormFieldRenderer, {
     value,
     fieldDefinition: fieldDef,
     onFieldValueChange: handleChange,
@@ -1530,10 +1568,10 @@ var FieldBridge = /* @__PURE__ */ React19.memo(function FieldBridgeFn({
 var FormHeader_default = {};
 
 // src/action-form/FormHeader.tsx
-var FormHeader = /* @__PURE__ */ React19.memo(function FormHeaderFn({
+var FormHeader = /* @__PURE__ */ React20.memo(function FormHeaderFn({
   title
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement("h2", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("h2", {
     className: FormHeader_default.osdkFormHeader
   }, title);
 });
@@ -1542,7 +1580,7 @@ var FormHeader = /* @__PURE__ */ React19.memo(function FormHeaderFn({
 var FormSection_default = {};
 
 // src/action-form/FormSection.tsx
-var FormSection = /* @__PURE__ */ React19.memo(function FormSectionFn({
+var FormSection = /* @__PURE__ */ React20.memo(function FormSectionFn({
   definition,
   errorCount,
   children
@@ -1557,65 +1595,65 @@ var FormSection = /* @__PURE__ */ React19.memo(function FormSectionFn({
   } = definition;
   const isMinimal = style === "minimal";
   if (isMinimal) {
-    return /* @__PURE__ */ React19__namespace.default.createElement(MinimalSection, {
+    return /* @__PURE__ */ React20__namespace.default.createElement(MinimalSection, {
       title,
       description
     }, children);
   }
   const contentClassName = classnames__default.default(columnCount === 2 ? FormSection_default.osdkFormSectionGrid : FormSection_default.osdkFormSectionContent, FormSection_default.osdkFormSectionDivider);
   if (!showTitleBar) {
-    return /* @__PURE__ */ React19__namespace.default.createElement("div", {
+    return /* @__PURE__ */ React20__namespace.default.createElement("div", {
       className: FormSection_default.osdkFormSectionBox
-    }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+    }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
       className: contentClassName
     }, children));
   }
-  return /* @__PURE__ */ React19__namespace.default.createElement(collapsible.Collapsible.Root, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(collapsible.Collapsible.Root, {
     // Inverted: Base UI uses "open" semantics, our API uses "collapsed" semantics
     defaultOpen: !collapsedByDefault,
     className: FormSection_default.osdkFormSectionBox
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionHeader
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionTitleArea
-  }, /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: FormSection_default.osdkFormSectionTitle
-  }, title), description != null && /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, title), description != null && /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: FormSection_default.osdkFormSectionDescription
-  }, description)), /* @__PURE__ */ React19__namespace.default.createElement(collapsible.Collapsible.Trigger, {
+  }, description)), /* @__PURE__ */ React20__namespace.default.createElement(collapsible.Collapsible.Trigger, {
     className: FormSection_default.osdkFormSectionTrigger,
     "aria-label": title
-  }, errorCount > 0 && /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, errorCount > 0 && /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: FormSection_default.osdkFormSectionErrorBadge,
     role: "status"
-  }, errorCount === 1 ? "1 error" : `${errorCount} errors`), /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, errorCount === 1 ? "1 error" : `${errorCount} errors`), /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: FormSection_default.osdkFormSectionChevron
-  }, /* @__PURE__ */ React19__namespace.default.createElement(icons.CaretDown, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.CaretDown, {
     size: 16
-  })))), /* @__PURE__ */ React19__namespace.default.createElement(collapsible.Collapsible.Panel, {
+  })))), /* @__PURE__ */ React20__namespace.default.createElement(collapsible.Collapsible.Panel, {
     keepMounted: true
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: contentClassName
   }, children)));
 });
-var MinimalSection = /* @__PURE__ */ React19.memo(function MinimalSectionFn({
+var MinimalSection = /* @__PURE__ */ React20.memo(function MinimalSectionFn({
   title,
   description,
   children
 }) {
-  return /* @__PURE__ */ React19__namespace.default.createElement("div", null, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React20__namespace.default.createElement("div", null, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalHeader
-  }, /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalTitle
-  }, title), description != null && /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, title), description != null && /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalDescription
-  }, description)), /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, description)), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalContent
   }, children));
 });
 
 // src/action-form/BaseForm.tsx
-var BaseForm = /* @__PURE__ */ React19.memo(function BaseFormFn({
+var BaseForm = /* @__PURE__ */ React20.memo(function BaseFormFn({
   formTitle,
   formContent,
   formState: controlledFormState,
@@ -1626,12 +1664,12 @@ var BaseForm = /* @__PURE__ */ React19.memo(function BaseFormFn({
   isLoading = false,
   className,
   submitButtonText = "Submit",
-  submitButtonVariant = "primary",
-  portalContainer
+  submitButtonVariant = "primary"
 }) {
+  const portalContainerRef = React20.useRef(null);
   const isControlled = controlledFormState != null;
-  const allFieldDefinitions = React19.useMemo(() => flattenFieldDefinitions(formContent), [formContent]);
-  const defaultValues = React19.useMemo(() => buildDefaultValues(allFieldDefinitions), [allFieldDefinitions]);
+  const allFieldDefinitions = React20.useMemo(() => flattenFieldDefinitions(formContent), [formContent]);
+  const defaultValues = React20.useMemo(() => buildDefaultValues(allFieldDefinitions), [allFieldDefinitions]);
   const {
     control,
     trigger,
@@ -1650,7 +1688,7 @@ var BaseForm = /* @__PURE__ */ React19.memo(function BaseFormFn({
       defaultValues
     }
   });
-  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React19.useState(false);
+  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React20.useState(false);
   const {
     isPending: isSubmitting,
     error: submissionError,
@@ -1658,8 +1696,7 @@ var BaseForm = /* @__PURE__ */ React19.memo(function BaseFormFn({
     clearError
   } = useAsyncAction(onSubmit);
   const submissionErrorMessage = submissionError != null ? submissionError instanceof Error ? submissionError.message : "Submission failed" : void 0;
-  const handleFormSubmit = React19.useCallback(async (e) => {
-    e.preventDefault();
+  const submitForm = React20.useCallback(async () => {
     setHasAttemptedSubmit(true);
     const isValid = await trigger();
     if (!isValid) {
@@ -1667,63 +1704,69 @@ var BaseForm = /* @__PURE__ */ React19.memo(function BaseFormFn({
     }
     await executeSubmit(controlledFormState ?? getValues());
   }, [trigger, executeSubmit, controlledFormState, getValues]);
-  const handleFieldChange = React19.useCallback((fieldKey, value) => {
+  const handleFieldChange = React20.useCallback((fieldKey, value) => {
     clearError();
     onFieldValueChange?.(fieldKey, value);
   }, [clearError, onFieldValueChange]);
-  const isFormPending = isPending || isSubmitting;
-  const labelByFieldKey = React19.useMemo(() => new Map(allFieldDefinitions.map((d) => [d.fieldKey, d.label])), [allFieldDefinitions]);
+  const labelByFieldKey = React20.useMemo(() => new Map(allFieldDefinitions.map((d) => [d.fieldKey, d.label])), [allFieldDefinitions]);
   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__ */ React19__namespace.default.createElement("form", {
-    className: classnames__default.default(BaseForm_default.osdkForm, className),
-    onSubmit: handleFormSubmit
-  }, formTitle != null && /* @__PURE__ */ React19__namespace.default.createElement(FormHeader, {
+  const isFormPending = isPending || isSubmitting;
+  const isSubmitButtonDisabled = isSubmitDisabled || hasAttemptedSubmit && areErrorsPresent;
+  return /* @__PURE__ */ React20__namespace.default.createElement("form", {
+    ref: portalContainerRef,
+    className: classnames__default.default(BaseForm_default.osdkForm, className)
+    // Workshop widgets can run in iframes without `allow-forms`, where
+    // native form submission is blocked. Keep the form landmark, but do not
+    // wire any form-level submit handlers; the submit button invokes our
+    // JavaScript submit path directly.
+  }, formTitle != null && /* @__PURE__ */ React20__namespace.default.createElement(FormHeader, {
     title: formTitle
-  }), isLoading && allFieldDefinitions.length === 0 && /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }), isLoading && allFieldDefinitions.length === 0 && /* @__PURE__ */ React20__namespace.default.createElement("div", {
     role: "status",
     "aria-label": "Loading form fields",
     className: BaseForm_default.osdkFormFields
-  }, FORM_SKELETON), /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }, FORM_SKELETON), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormFields
   }, formContent.map((item) => {
     if (item.type === "field") {
-      return /* @__PURE__ */ React19__namespace.default.createElement(FieldBridge, {
+      return /* @__PURE__ */ React20__namespace.default.createElement(FieldBridge, {
         key: item.definition.fieldKey,
         fieldDef: item.definition,
         control,
         onExternalChange: handleFieldChange,
-        portalContainer
+        portalContainer: portalContainerRef
       });
     }
     const sectionErrorCount = item.definition.fields.reduce((count, field) => count + (errors[field.fieldKey] != null ? 1 : 0), 0);
-    return /* @__PURE__ */ React19__namespace.default.createElement(FormSection, {
+    return /* @__PURE__ */ React20__namespace.default.createElement(FormSection, {
       key: item.key,
       definition: item.definition,
       errorCount: sectionErrorCount
-    }, item.definition.fields.map((fieldDef) => /* @__PURE__ */ React19__namespace.default.createElement(FieldBridge, {
+    }, item.definition.fields.map((fieldDef) => /* @__PURE__ */ React20__namespace.default.createElement(FieldBridge, {
       key: fieldDef.fieldKey,
       fieldDef,
       control,
       onExternalChange: handleFieldChange,
-      portalContainer
+      portalContainer: portalContainerRef
     })));
-  })), /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  })), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormFooter
-  }, /* @__PURE__ */ React19__namespace.default.createElement(ErrorIndicator, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(ErrorIndicator, {
     errorEntries
-  }), /* @__PURE__ */ React19__namespace.default.createElement("div", {
+  }), /* @__PURE__ */ React20__namespace.default.createElement("div", {
     className: BaseForm_default.osdkFormSubmitButton
-  }, /* @__PURE__ */ React19__namespace.default.createElement(SubmitButton, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(SubmitButton, {
     isPending: isFormPending,
-    isSubmitDisabled: isSubmitDisabled || hasAttemptedSubmit && areErrorsPresent,
+    isSubmitDisabled: isSubmitButtonDisabled,
     errorMessage: buttonErrorMessage,
     buttonText: submitButtonText,
-    buttonVariant: submitButtonVariant
+    buttonVariant: submitButtonVariant,
+    onClick: submitForm
   }))));
 });
 function flattenFieldDefinitions(formContent) {
@@ -1742,12 +1785,12 @@ function flattenFieldDefinitions(formContent) {
 var SKELETON_FIELD_COUNT = 3;
 var FORM_SKELETON = Array.from({
   length: SKELETON_FIELD_COUNT
-}, (_, i) => /* @__PURE__ */ React19__namespace.default.createElement("div", {
+}, (_, i) => /* @__PURE__ */ React20__namespace.default.createElement("div", {
   key: i,
   className: BaseForm_default.osdkFormSkeletonField
-}, /* @__PURE__ */ React19__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}, /* @__PURE__ */ React20__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonLabel
-}), /* @__PURE__ */ React19__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}), /* @__PURE__ */ React20__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonInput
 })));
 function buildDefaultValues(fieldDefinitions) {
@@ -1760,29 +1803,31 @@ function buildDefaultValues(fieldDefinitions) {
   }
   return values;
 }
-var SubmitButton = /* @__PURE__ */ React19.memo(function SubmitButtonFn({
+var SubmitButton = /* @__PURE__ */ React20.memo(function SubmitButtonFn({
   isPending,
   isSubmitDisabled,
   errorMessage,
   buttonText,
-  buttonVariant
+  buttonVariant,
+  onClick
 }) {
   const buttonLabel = isPending ? "Submitting\u2026" : buttonText;
-  const button = /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.ActionButton, {
-    type: "submit",
+  const button = /* @__PURE__ */ React20__namespace.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+    type: "button",
     variant: buttonVariant,
-    disabled: isSubmitDisabled || isPending
+    disabled: isSubmitDisabled || isPending,
+    onClick
   }, buttonLabel);
   if (errorMessage == null) {
     return button;
   }
-  return /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Root, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, {
     defaultOpen: true
-  }, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Trigger, {
-    render: /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, {
+    render: /* @__PURE__ */ React20__namespace.default.createElement("span", {
       className: BaseForm_default.osdkTooltipTriggerWrapper
     })
-  }, button), /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Portal, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Popup, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Arrow, null), errorMessage))));
+  }, button), /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), errorMessage))));
 });
 function ErrorIndicator({
   errorEntries
@@ -1791,15 +1836,15 @@ function ErrorIndicator({
     return null;
   }
   const count = errorEntries.length;
-  return /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Root, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React19__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React20__namespace.default.createElement("span", {
     className: BaseForm_default.osdkFormErrorIndicator
-  }, /* @__PURE__ */ React19__namespace.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React20__namespace.default.createElement(icons.Error, {
     size: 14
-  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Portal, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Popup, null, /* @__PURE__ */ React19__namespace.default.createElement(chunkVVJFMOZI_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React19__namespace.default.createElement("ul", {
+  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React20__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React20__namespace.default.createElement("ul", {
     className: BaseForm_default.osdkFormErrorList
-  }, errorEntries.map((entry) => /* @__PURE__ */ React19__namespace.default.createElement("li", {
+  }, errorEntries.map((entry) => /* @__PURE__ */ React20__namespace.default.createElement("li", {
     key: entry.label
-  }, /* @__PURE__ */ React19__namespace.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
+  }, /* @__PURE__ */ React20__namespace.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
 }
 
 // src/action-form/utils/coerceFieldValue.ts
@@ -1964,7 +2009,7 @@ function buildFieldDefinition(key, param) {
         fieldComponentProps: {}
       };
     default:
-      return chunkUCTQICPR_cjs.assertUnreachable(paramType);
+      return chunkX337DNCW_cjs.assertUnreachable(paramType);
   }
 }
 
@@ -1980,9 +2025,10 @@ function _extends5() {
 }
 var EMPTY_FIELD_DEFINITIONS = [];
 var EMPTY_FORM_CONTENT = [];
-var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
+var ActionForm = chunk6SPXSFPI_cjs.typedReactMemo(function ActionFormFn({
   actionDefinition,
   formTitle,
+  showFormTitle = false,
   formFieldDefinitions,
   formState: controlledFormState,
   onFormStateChange,
@@ -1990,8 +2036,7 @@ var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
   onSubmit,
   onValidationResponse: _onValidationResponse,
   onSuccess,
-  onError,
-  portalContainer
+  onError
 }) {
   const {
     applyAction: osdkApplyAction,
@@ -2002,7 +2047,7 @@ var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
     loading: metadataLoading,
     error: metadataError
   } = react.useOsdkMetadata(actionDefinition);
-  React19.useEffect(function saveMetadataError() {
+  React20.useEffect(function saveMetadataError() {
     if (metadataError != null) {
       onError?.({
         type: "unknown",
@@ -2011,30 +2056,39 @@ var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
     }
   }, [metadataError, onError]);
   const parameters = metadata?.parameters;
-  const customFieldDefinitions = React19.useMemo(() => {
+  const customFieldDefinitions = React20.useMemo(() => {
     if (formFieldDefinitions == null) {
       return null;
     }
-    return formFieldDefinitions.map((def) => ({
-      ...def,
-      fieldKey: String(def.fieldKey),
-      fieldType: parameters?.[String(def.fieldKey)]?.type,
-      defaultValue: def.defaultValue
-    }));
+    return formFieldDefinitions.map((def) => {
+      const {
+        defaultValue,
+        ...fieldDefinition
+      } = def;
+      return {
+        ...fieldDefinition,
+        fieldKey: String(def.fieldKey),
+        fieldType: parameters?.[String(def.fieldKey)]?.type,
+        fieldComponentProps: defaultValue === void 0 ? def.fieldComponentProps : {
+          ...def.fieldComponentProps,
+          defaultValue
+        }
+      };
+    });
   }, [formFieldDefinitions, parameters]);
-  const rendererFieldDefinitions = React19.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
-  const formContent = React19.useMemo(() => rendererFieldDefinitions.length === 0 ? EMPTY_FORM_CONTENT : rendererFieldDefinitions.map((def) => ({
+  const rendererFieldDefinitions = React20.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
+  const formContent = React20.useMemo(() => rendererFieldDefinitions.length === 0 ? EMPTY_FORM_CONTENT : rendererFieldDefinitions.map((def) => ({
     type: "field",
     definition: def
   })), [rendererFieldDefinitions]);
-  const coerceFormState = React19.useCallback((rawState) => {
+  const coerceFormState = React20.useCallback((rawState) => {
     const coerced = {};
     for (const [key, value] of Object.entries(rawState)) {
       coerced[key] = coerceFieldValue(parameters?.[key]?.type, value);
     }
     return coerced;
   }, [parameters]);
-  const handleSubmit = React19.useCallback(async (rawFormState) => {
+  const handleSubmit = React20.useCallback(async (rawFormState) => {
     const formState = coerceFormState(rawFormState);
     try {
       if (onSubmit != null) {
@@ -2050,13 +2104,13 @@ var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
       });
     }
   }, [coerceFormState, onSubmit, osdkApplyAction, onSuccess, onError]);
-  const handleFieldValueChange = React19.useCallback((fieldKey, value) => {
+  const handleFieldValueChange = React20.useCallback((fieldKey, value) => {
     onFormStateChange?.((prev) => ({
       ...prev,
       [fieldKey]: value
     }));
   }, [onFormStateChange]);
-  const resolvedTitle = formTitle ?? metadata?.displayName ?? actionDefinition.apiName;
+  const resolvedTitle = showFormTitle ? formTitle ?? metadata?.displayName ?? actionDefinition.apiName : void 0;
   const isControlled = controlledFormState != null;
   const commonProps = {
     formTitle: resolvedTitle,
@@ -2065,21 +2119,20 @@ var ActionForm = chunkT7I6O43T_cjs.typedReactMemo(function ActionFormFn({
     isSubmitDisabled,
     isPending,
     isLoading: metadataLoading,
-    onFieldValueChange: handleFieldValueChange,
-    portalContainer
+    onFieldValueChange: handleFieldValueChange
   };
   if (!isControlled) {
-    return /* @__PURE__ */ React19__namespace.default.createElement(BaseForm, commonProps);
+    return /* @__PURE__ */ React20__namespace.default.createElement(BaseForm, commonProps);
   }
-  return /* @__PURE__ */ React19__namespace.default.createElement(BaseForm, _extends5({}, commonProps, {
+  return /* @__PURE__ */ React20__namespace.default.createElement(BaseForm, _extends5({}, commonProps, {
     formState: controlledFormState
   }));
 });
 
 // src/public/experimental/action-form.ts
-var ActionForm2 = chunkSZXVBDSA_cjs.withOsdkMetrics(ActionForm, "ActionForm");
+var ActionForm2 = chunk6UDBHYSO_cjs.withOsdkMetrics(ActionForm, "ActionForm");
 
 exports.ActionForm = ActionForm2;
 exports.BaseForm = BaseForm;
-//# sourceMappingURL=chunk-BJDCC446.cjs.map
-//# sourceMappingURL=chunk-BJDCC446.cjs.map
+//# sourceMappingURL=chunk-PTTCWNZZ.cjs.map
+//# sourceMappingURL=chunk-PTTCWNZZ.cjs.map