@osdk/react-components 0.17.0 → 0.18.0-main-ca8ef7c5d52f3369478e1d4c5b7eded97eb73215

package/build/cjs/{chunk-QOKXBBSR.cjs → chunk-2QDWXDLC.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
 var chunkSFQMJMTV_cjs = require('./chunk-SFQMJMTV.cjs');
-var chunkZBJEZKOD_cjs = require('./chunk-ZBJEZKOD.cjs');
+var chunkFRSIMUPL_cjs = require('./chunk-FRSIMUPL.cjs');
 var chunkZ4JDLERD_cjs = require('./chunk-Z4JDLERD.cjs');
 var chunkI3OSD6CF_cjs = require('./chunk-I3OSD6CF.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkMD4KDE44_cjs = require('./chunk-MD4KDE44.cjs');
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkR4M6VGVD_cjs = require('./chunk-R4M6VGVD.cjs');
+var chunkIEF4VCDI_cjs = require('./chunk-IEF4VCDI.cjs');
 var react = require('@osdk/react');
-var React18 = require('react');
+var React17 = require('react');
 var icons = require('@blueprintjs/icons');
 var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
@@ -23,30 +23,12 @@ var collapsible = require('@base-ui/react/collapsible');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-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 React17__default = /*#__PURE__*/_interopDefault(React17);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 function useIsMounted() {
-  const isMountedRef = React18.useRef(true);
-  React18.useEffect(function trackMountedState() {
+  const isMountedRef = React17.useRef(true);
+  React17.useEffect(function trackMountedState() {
     return () => {
       isMountedRef.current = false;
     };
@@ -56,10 +38,10 @@ function useIsMounted() {
 
 // src/shared/hooks/useAsyncAction.ts
 function useAsyncAction(action) {
-  const [isPending, setIsPending] = React18.useState(false);
-  const [error, setError] = React18.useState(void 0);
+  const [isPending, setIsPending] = React17.useState(false);
+  const [error, setError] = React17.useState(void 0);
   const isMountedRef = useIsMounted();
-  const execute = React18.useCallback(async (...args) => {
+  const execute = React17.useCallback(async (...args) => {
     setError(void 0);
     setIsPending(true);
     try {
@@ -74,7 +56,7 @@ function useAsyncAction(action) {
       }
     }
   }, [action, isMountedRef]);
-  const clearError = React18.useCallback(() => {
+  const clearError = React17.useCallback(() => {
     setError(void 0);
   }, []);
   return {
@@ -248,7 +230,7 @@ function formatBytes(bytes) {
 var FormField_default = {};
 
 // src/action-form/FormField.tsx
-var FormField = /* @__PURE__ */ React18.memo(function FormFieldFn({
+var FormField = /* @__PURE__ */ React17.memo(function FormFieldFn({
   fieldKey,
   label,
   isRequired,
@@ -261,26 +243,26 @@ var FormField = /* @__PURE__ */ React18.memo(function FormFieldFn({
   const hasHelperText = helperText != null && helperText !== "";
   const showTooltip = hasHelperText && helperTextPlacement === "tooltip";
   const showBottomText = hasHelperText && helperTextPlacement === "bottom";
-  const labelElement = label != null ? /* @__PURE__ */ React18__namespace.default.createElement("label", {
+  const labelElement = label != null ? /* @__PURE__ */ React17__default.default.createElement("label", {
     className: FormField_default.osdkFormFieldLabel,
     htmlFor: fieldKey
-  }, label, isRequired === true && /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, label, isRequired === true && /* @__PURE__ */ React17__default.default.createElement("span", {
     className: FormField_default.osdkFormFieldRequired,
     "aria-label": "required"
   }, " ", "*")) : null;
-  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormField,
     onBlur
-  }, showTooltip ? /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, showTooltip ? /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldLabelRow
-  }, labelElement, /* @__PURE__ */ React18__namespace.default.createElement(InfoTip, {
+  }, labelElement, /* @__PURE__ */ React17__default.default.createElement(InfoTip, {
     label
-  }, helperText)) : labelElement, showBottomText && /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, helperText)) : labelElement, showBottomText && /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldHelperText
-  }, helperText), children, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, helperText), children, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldErrorSlot,
     "data-osdk-form-field-error-slot": ""
-  }, error != null && /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, error != null && /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormField_default.osdkFormFieldError,
     role: "alert"
   }, error)));
@@ -289,33 +271,33 @@ function InfoTip({
   label,
   children
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Root, null, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Trigger, {
-    render: /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React17__default.default.createElement(popover.Popover.Root, null, /* @__PURE__ */ React17__default.default.createElement(popover.Popover.Trigger, {
+    render: /* @__PURE__ */ React17__default.default.createElement("span", {
       className: FormField_default.osdkFormFieldInfoIcon
     }),
     nativeButton: false,
     openOnHover: true,
     "aria-label": label != null ? `Info about ${label}` : "More information"
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.InfoSign, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.InfoSign, {
     size: 12
-  })), /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Positioner, {
+  })), /* @__PURE__ */ React17__default.default.createElement(popover.Popover.Portal, null, /* @__PURE__ */ React17__default.default.createElement(popover.Popover.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React18__namespace.default.createElement(popover.Popover.Popup, {
+  }, /* @__PURE__ */ React17__default.default.createElement(popover.Popover.Popup, {
     className: FormField_default.osdkFormFieldInfoPopup
   }, children))));
 }
-var CustomField = /* @__PURE__ */ React18.memo(function CustomFieldFn({
+var CustomField = /* @__PURE__ */ React17.memo(function CustomFieldFn({
   customRenderer: CustomRenderer,
   ...baseProps
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement(CustomRenderer, baseProps);
+  return /* @__PURE__ */ React17__default.default.createElement(CustomRenderer, baseProps);
 });
 
 // src/action-form/fields/FilePickerField.module.css
 var FilePickerField_default = {};
 
 // src/action-form/fields/FilePickerField.tsx
-var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
+var FilePickerField = /* @__PURE__ */ React17.memo(function FilePickerFieldFn({
   id,
   value,
   onChange,
@@ -329,23 +311,23 @@ var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
   text = "No file chosen",
   buttonText = "Browse"
 }) {
-  const inputRef = React18.useRef(null);
-  const fileTriggerRef = React18.useRef(null);
-  const openFileDialog = React18.useCallback(() => {
+  const inputRef = React17.useRef(null);
+  const fileTriggerRef = React17.useRef(null);
+  const openFileDialog = React17.useCallback(() => {
     inputRef.current?.click();
   }, []);
-  const focusFileTrigger = React18.useCallback(() => {
+  const focusFileTrigger = React17.useCallback(() => {
     fileTriggerRef.current?.focus();
   }, []);
-  const handleBrowsePointerDown = React18.useCallback((event) => {
+  const handleBrowsePointerDown = React17.useCallback((event) => {
     event.preventDefault();
     focusFileTrigger();
   }, [focusFileTrigger]);
-  const handleBrowseClick = React18.useCallback(() => {
+  const handleBrowseClick = React17.useCallback(() => {
     focusFileTrigger();
     openFileDialog();
   }, [focusFileTrigger, openFileDialog]);
-  const handleInputChange = React18.useCallback((event) => {
+  const handleInputChange = React17.useCallback((event) => {
     const files = event.target.files;
     if (files == null || files.length === 0) {
       onChange?.(null);
@@ -357,26 +339,26 @@ var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
       onChange?.(files[0] ?? null);
     }
   }, [onChange, isMulti]);
-  const handleClear = React18.useCallback((event) => {
+  const handleClear = React17.useCallback((event) => {
     event.preventDefault();
     onChange?.(null);
     if (inputRef.current != null) {
       inputRef.current.value = "";
     }
   }, [onChange]);
-  const handleKeyDown = React18.useCallback((event) => {
+  const handleKeyDown = React17.useCallback((event) => {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       openFileDialog();
     }
   }, [openFileDialog]);
-  const displayText = React18.useMemo(() => getDisplayText(value), [value]);
+  const displayText = React17.useMemo(() => getDisplayText(value), [value]);
   const hasValue = displayText != null;
-  const acceptString = React18.useMemo(() => normalizeAccept(accept), [accept]);
-  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  const acceptString = React17.useMemo(() => normalizeAccept(accept), [accept]);
+  return /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FilePickerField_default.osdkFilePickerTrigger,
     "aria-invalid": error != null || void 0
-  }, /* @__PURE__ */ React18__namespace.default.createElement("input", {
+  }, /* @__PURE__ */ React17__default.default.createElement("input", {
     ref: inputRef,
     type: "file",
     className: FilePickerField_default.osdkFilePickerHiddenInput,
@@ -384,7 +366,7 @@ var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
     accept: acceptString,
     onChange: handleInputChange,
     tabIndex: -1
-  }), /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
+  }), /* @__PURE__ */ React17__default.default.createElement(button.Button, {
     ref: fileTriggerRef,
     id,
     type: "button",
@@ -393,12 +375,12 @@ var FilePickerField = /* @__PURE__ */ React18.memo(function FilePickerFieldFn({
     onKeyDown: handleKeyDown,
     "aria-label": "Choose file",
     "aria-invalid": error != null || void 0
-  }, displayText ?? text), hasValue && /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
+  }, displayText ?? text), hasValue && /* @__PURE__ */ React17__default.default.createElement(button.Button, {
     type: "button",
     className: FilePickerField_default.osdkFilePickerClear,
     onClick: handleClear,
     "aria-label": "Clear selection"
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.Cross, null)), /* @__PURE__ */ React18__namespace.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.Cross, null)), /* @__PURE__ */ React17__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     type: "button",
     tabIndex: -1,
     className: FilePickerField_default.osdkFilePickerBrowse,
@@ -439,8 +421,8 @@ function NumberInputField({
   max,
   step
 }) {
-  const [displayValue, setDisplayValue] = React18.useState(() => formatNumberForDisplay(value));
-  const prevValueRef = React18.useRef(value);
+  const [displayValue, setDisplayValue] = React17.useState(() => formatNumberForDisplay(value));
+  const prevValueRef = React17.useRef(value);
   if (prevValueRef.current !== value) {
     prevValueRef.current = value;
     const currentParsed = parseNumericValue(displayValue);
@@ -448,14 +430,14 @@ function NumberInputField({
       setDisplayValue(formatNumberForDisplay(value));
     }
   }
-  const handleValueChange = React18.useCallback((newValue) => {
+  const handleValueChange = React17.useCallback((newValue) => {
     if (!isValidInput(newValue)) {
       return;
     }
     setDisplayValue(newValue);
     onChange?.(parseNumericValue(newValue));
   }, [onChange]);
-  const applyStep = React18.useCallback((direction) => {
+  const applyStep = React17.useCallback((direction) => {
     const current = parseNumericValue(displayValue) ?? 0;
     const delta = direction * (step ?? DEFAULT_STEP);
     const next = clamp(current + delta, min, max);
@@ -463,23 +445,23 @@ function NumberInputField({
     setDisplayValue(formatted);
     onChange?.(next);
   }, [displayValue, onChange, step, min, max]);
-  const handleKeyDown = React18.useCallback((e) => {
+  const handleKeyDown = React17.useCallback((e) => {
     if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
       return;
     }
     e.preventDefault();
     applyStep(e.key === "ArrowUp" ? 1 : -1);
   }, [applyStep]);
-  const handleStepUp = React18.useCallback(() => {
+  const handleStepUp = React17.useCallback(() => {
     applyStep(1);
   }, [applyStep]);
-  const handleStepDown = React18.useCallback(() => {
+  const handleStepDown = React17.useCallback(() => {
     applyStep(-1);
   }, [applyStep]);
-  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React17__default.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputWrapper,
     "aria-invalid": error != null || void 0
-  }, /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React17__default.default.createElement(input.Input, {
     id,
     className: NumberInputField_default.osdkNumberInputField,
     type: "text",
@@ -488,21 +470,21 @@ function NumberInputField({
     onValueChange: handleValueChange,
     onKeyDown: handleKeyDown,
     placeholder
-  }), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }), /* @__PURE__ */ React17__default.default.createElement("div", {
     className: NumberInputField_default.osdkNumberInputStepper
-  }, /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
+  }, /* @__PURE__ */ React17__default.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Increment",
     tabIndex: -1,
     onClick: handleStepUp
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.ChevronUp, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.ChevronUp, {
     size: CHEVRON_SIZE
-  })), /* @__PURE__ */ React18__namespace.default.createElement(button.Button, {
+  })), /* @__PURE__ */ React17__default.default.createElement(button.Button, {
     className: NumberInputField_default.osdkNumberInputStepButton,
     "aria-label": "Decrement",
     tabIndex: -1,
     onClick: handleStepDown
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.ChevronDown, {
     size: CHEVRON_SIZE
   }))));
 }
@@ -525,8 +507,8 @@ function clamp(value, min, max) {
   return value;
 }
 function useDebouncedValue(value, debounceMs) {
-  const [debouncedValue, setDebouncedValue] = React18.useState(value);
-  React18.useEffect(function debounceValue() {
+  const [debouncedValue, setDebouncedValue] = React17.useState(value);
+  React17.useEffect(function debounceValue() {
     const timer = setTimeout(() => {
       setDebouncedValue(value);
     }, debounceMs);
@@ -536,20 +518,6 @@ function useDebouncedValue(value, debounceMs) {
   }, [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
@@ -558,11 +526,11 @@ 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(
+  const observer = React17.useRef();
+  const targetRef = React17.useRef();
+  const eventCallback = chunkFRSIMUPL_cjs.useEventCallback(callback);
+  const throttledCallback = React17.useCallback(lodashEs.throttle(eventCallback), []);
+  const handleObserverUpdate = React17.useCallback(
     (entries) => {
       const ent = entries[0];
       if (ent && ent.isIntersecting) {
@@ -572,7 +540,7 @@ function useInfiniteScroll({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     const {
       current: targetElement
     } = targetRef;
@@ -611,7 +579,7 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-var AsyncDropdownField = chunkZBJEZKOD_cjs.typedReactMemo(function AsyncDropdownFieldFn({
+var AsyncDropdownField = chunkFRSIMUPL_cjs.typedReactMemo(function AsyncDropdownFieldFn({
   isLoading,
   hasMore,
   isSearching,
@@ -620,20 +588,20 @@ var AsyncDropdownField = chunkZBJEZKOD_cjs.typedReactMemo(function AsyncDropdown
   ...dropdownProps
 }) {
   const itemCount = dropdownProps.items.length;
-  const popupStatus = React18.useMemo(() => {
+  const popupStatus = React17.useMemo(() => {
     if (fetchError != null) {
-      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React17__default.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownError,
         role: "alert"
       }, fetchError.message);
     }
     if (isSearching) {
-      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React17__default.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownStatus
       }, "Searching\u2026");
     }
     if (isLoading && itemCount === 0) {
-      return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+      return /* @__PURE__ */ React17__default.default.createElement("div", {
         className: AsyncDropdownField_default.osdkAsyncDropdownStatus
       }, "Loading\u2026");
     }
@@ -643,10 +611,10 @@ var AsyncDropdownField = chunkZBJEZKOD_cjs.typedReactMemo(function AsyncDropdown
     callback: onFetchMore,
     loadedCount: itemCount
   });
-  return /* @__PURE__ */ React18__namespace.default.createElement(chunkZBJEZKOD_cjs.DropdownField, _extends({}, dropdownProps, {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkFRSIMUPL_cjs.DropdownField, _extends({}, dropdownProps, {
     isSearchable: true,
     popupStatus,
-    trailingItem: hasMore ? /* @__PURE__ */ React18__namespace.default.createElement(InfiniteScrollSentinel, {
+    trailingItem: hasMore ? /* @__PURE__ */ React17__default.default.createElement(InfiniteScrollSentinel, {
       key: "sentinel",
       infiniteScrollRef
     }) : null,
@@ -656,10 +624,10 @@ var AsyncDropdownField = chunkZBJEZKOD_cjs.typedReactMemo(function AsyncDropdown
 function InfiniteScrollSentinel({
   infiniteScrollRef
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React17__default.default.createElement("div", {
     ref: infiniteScrollRef,
     role: "presentation"
-  }, /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+  }, /* @__PURE__ */ React17__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
     className: AsyncDropdownField_default.osdkAsyncDropdownSkeleton
   }));
 }
@@ -677,13 +645,13 @@ function _extends2() {
 var SEARCH_DEBOUNCE_MS = 300;
 var PAGE_SIZE = 50;
 var EMPTY_OBJECT_SELECT_ITEMS = [];
-var ObjectSelectField = /* @__PURE__ */ React18.memo(function ObjectSelectFieldFn(props) {
+var ObjectSelectField = /* @__PURE__ */ React17.memo(function ObjectSelectFieldFn(props) {
   const source = resolveObjectSelectSource(props);
-  return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSelectInner, _extends2({}, props, {
+  return /* @__PURE__ */ React17__default.default.createElement(ObjectSelectInner, _extends2({}, props, {
     source
   }));
 });
-var ObjectSelectInner = /* @__PURE__ */ React18.memo(function ObjectSelectInnerFn({
+var ObjectSelectInner = /* @__PURE__ */ React17.memo(function ObjectSelectInnerFn({
   source,
   value,
   onChange,
@@ -694,9 +662,9 @@ var ObjectSelectInner = /* @__PURE__ */ React18.memo(function ObjectSelectInnerF
   portalRef,
   portalContainer
 }) {
-  const [query, setQuery] = React18.useState("");
+  const [query, setQuery] = React17.useState("");
   const debouncedQuery = useDebouncedValue(query, SEARCH_DEBOUNCE_MS);
-  const handleChange = React18.useCallback((newValue) => {
+  const handleChange = React17.useCallback((newValue) => {
     onChange?.(newValue);
     setQuery("");
   }, [onChange]);
@@ -704,7 +672,7 @@ var ObjectSelectInner = /* @__PURE__ */ React18.memo(function ObjectSelectInnerF
     metadata
   } = react.useOsdkMetadata(source.objectType);
   const titleProperty = typeof metadata?.titleProperty === "string" ? metadata.titleProperty : void 0;
-  const where = React18.useMemo(() => {
+  const where = React17.useMemo(() => {
     const trimmed = debouncedQuery.trim();
     if (trimmed === "" || titleProperty == null) {
       return void 0;
@@ -733,10 +701,10 @@ var ObjectSelectInner = /* @__PURE__ */ React18.memo(function ObjectSelectInnerF
     hasMore
   } = source.kind === "objectSet" ? objectSetResult : objectTypeResult;
   const items = data ?? EMPTY_OBJECT_SELECT_ITEMS;
-  const handleFetchMore = React18.useCallback(() => {
+  const handleFetchMore = React17.useCallback(() => {
     void fetchMore?.();
   }, [fetchMore]);
-  return /* @__PURE__ */ React18__namespace.default.createElement(AsyncDropdownField, {
+  return /* @__PURE__ */ React17__default.default.createElement(AsyncDropdownField, {
     id,
     value,
     onChange: handleChange,
@@ -779,23 +747,23 @@ function itemToKey(obj) {
 function isItemEqual(a, b) {
   return a.$primaryKey === b.$primaryKey;
 }
-var BlueprintIcon = /* @__PURE__ */ React18__namespace.default.memo(function BlueprintIconFn({
+var BlueprintIcon = /* @__PURE__ */ React17__default.default.memo(function BlueprintIconFn({
   icon,
   size
 }) {
   const paths = useIcon(icon.name, size);
-  return /* @__PURE__ */ React18__namespace.default.createElement(icons.SVGIconContainer, {
+  return /* @__PURE__ */ React17__default.default.createElement(icons.SVGIconContainer, {
     iconName: icon.name,
     color: icon.color
-  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React18__namespace.default.createElement("path", {
+  }, paths != null ? paths.map((d, i) => /* @__PURE__ */ React17__default.default.createElement("path", {
     key: i,
     d,
     fillRule: "evenodd"
   })) : []);
 });
 function useIcon(icon, size) {
-  const [iconPaths, setIconPaths] = React18__namespace.default.useState(() => icons.Icons.getPaths(icon, size));
-  React18__namespace.default.useEffect(function loadIconPaths() {
+  const [iconPaths, setIconPaths] = React17__default.default.useState(() => icons.Icons.getPaths(icon, size));
+  React17__default.default.useEffect(function loadIconPaths() {
     let isMounted = true;
     const loadedIconPaths = icons.Icons.getPaths(icon, size);
     if (loadedIconPaths != null) {
@@ -824,20 +792,20 @@ var DEFAULT_OBJECT_ICON = {
 };
 var ICON_SIZE = icons.IconSize.STANDARD;
 var DEFAULT_EMPTY_MESSAGE = "Object set is not defined";
-var ObjectSetField = chunkZBJEZKOD_cjs.typedReactMemo(function ObjectSetFieldFn({
+var ObjectSetField = chunkFRSIMUPL_cjs.typedReactMemo(function ObjectSetFieldFn({
   value,
   emptyMessage = DEFAULT_EMPTY_MESSAGE
 }) {
   if (value == null) {
-    return /* @__PURE__ */ React18__namespace.default.createElement("div", {
+    return /* @__PURE__ */ React17__default.default.createElement("div", {
       className: classnames__default.default(ObjectSetField_default.osdkObjectSetField, ObjectSetField_default.osdkObjectSetFieldEmpty)
     }, emptyMessage);
   }
-  return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetFieldContent, {
+  return /* @__PURE__ */ React17__default.default.createElement(ObjectSetFieldContent, {
     objectSet: value
   });
 });
-var ObjectSetFieldContent = /* @__PURE__ */ React18__namespace.default.memo(function ObjectSetFieldContentFn({
+var ObjectSetFieldContent = /* @__PURE__ */ React17__default.default.memo(function ObjectSetFieldContentFn({
   objectSet
 }) {
   const objectTypeDef = objectSet.$objectSetInternals.def;
@@ -855,22 +823,22 @@ var ObjectSetFieldContent = /* @__PURE__ */ React18__namespace.default.memo(func
     pageSize: 1
   });
   const hasMetadata = metadata != null;
-  const icon = React18__namespace.default.useMemo(() => metadata != null && "icon" in metadata && metadata.icon != null ? toComponentIcon(metadata.icon) : DEFAULT_OBJECT_ICON, [metadata]);
+  const icon = React17__default.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__ */ React18__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React17__default.default.createElement("div", {
     className: ObjectSetField_default.osdkObjectSetField
-  }, 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, {
+  }, showLoadingState ? /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, OBJECT_SET_ICON_SKELETON, OBJECT_SET_LABEL_SKELETON) : /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, /* @__PURE__ */ React17__default.default.createElement(BlueprintIcon, {
     icon,
     size: ICON_SIZE
-  }), /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetLabel, {
+  }), /* @__PURE__ */ React17__default.default.createElement(ObjectSetLabel, {
     displayName,
     totalCount,
     error: objectSetError,
     isLoading: objectSetLoading
   })));
 });
-var ObjectSetLabel = /* @__PURE__ */ React18__namespace.default.memo(function ObjectSetLabelFn({
+var ObjectSetLabel = /* @__PURE__ */ React17__default.default.memo(function ObjectSetLabelFn({
   displayName,
   totalCount,
   isLoading,
@@ -880,15 +848,15 @@ var ObjectSetLabel = /* @__PURE__ */ React18__namespace.default.memo(function Ob
   const label = displayName ?? (totalCount === "1" ? "object" : "objects");
   const showSkeleton = isLoading && !hasData;
   const showError = error != null && !hasData && !isLoading;
-  return /* @__PURE__ */ React18__namespace.default.createElement(React18__namespace.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React17__default.default.createElement(React17__default.default.Fragment, null, showSkeleton && OBJECT_SET_LABEL_SKELETON, showError && /* @__PURE__ */ React17__default.default.createElement("span", {
     className: ObjectSetField_default.osdkObjectSetFieldError,
     role: "alert"
-  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React18__namespace.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
+  }, `Failed to load: ${error.message}`), !showSkeleton && !showError && /* @__PURE__ */ React17__default.default.createElement("span", null, `${formatCount(totalCount)} ${label}`));
 });
-var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_ICON_SKELETON = /* @__PURE__ */ React17__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetIconSkeleton
 });
-var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+var OBJECT_SET_LABEL_SKELETON = /* @__PURE__ */ React17__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: ObjectSetField_default.osdkObjectSetLabelSkeleton
 });
 function formatCount(count) {
@@ -909,51 +877,51 @@ function toComponentIcon(apiIcon) {
 var RadioButtonsField_default = {};
 
 // src/action-form/fields/RadioButtonsField.tsx
-var RadioButtonsField = chunkZBJEZKOD_cjs.typedReactMemo(function RadioButtonsFieldFn({
+var RadioButtonsField = chunkFRSIMUPL_cjs.typedReactMemo(function RadioButtonsFieldFn({
   id,
   value,
   onChange,
   options,
   orientation
 }) {
-  const selectedLabel = React18.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
-  const handleValueChange = React18.useCallback((nextLabel) => {
+  const selectedLabel = React17.useMemo(() => value != null ? options.find((opt) => opt.value === value)?.label : void 0, [options, value]);
+  const handleValueChange = React17.useCallback((nextLabel) => {
     const match = options.find((opt) => opt.label === nextLabel);
     onChange?.(match?.value ?? null);
   }, [options, onChange]);
-  return /* @__PURE__ */ React18__namespace.default.createElement(radioGroup.RadioGroup, {
+  return /* @__PURE__ */ React17__default.default.createElement(radioGroup.RadioGroup, {
     id,
     className: RadioButtonsField_default.osdkRadioGroup,
     "data-orientation": orientation ?? "vertical",
     value: selectedLabel,
     onValueChange: handleValueChange
-  }, options.map((option) => /* @__PURE__ */ React18__namespace.default.createElement(RadioItem, {
+  }, options.map((option) => /* @__PURE__ */ React17__default.default.createElement(RadioItem, {
     key: option.label,
     option
   })));
 });
-var RadioItem = /* @__PURE__ */ React18.memo(function RadioItemFn({
+var RadioItem = /* @__PURE__ */ React17.memo(function RadioItemFn({
   option
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement("label", {
+  return /* @__PURE__ */ React17__default.default.createElement("label", {
     className: RadioButtonsField_default.osdkRadioItem
-  }, /* @__PURE__ */ React18__namespace.default.createElement(radio.Radio.Root, {
+  }, /* @__PURE__ */ React17__default.default.createElement(radio.Radio.Root, {
     value: option.label,
     className: RadioButtonsField_default.osdkRadioRoot
-  }, /* @__PURE__ */ React18__namespace.default.createElement(radio.Radio.Indicator, {
+  }, /* @__PURE__ */ React17__default.default.createElement(radio.Radio.Indicator, {
     className: RadioButtonsField_default.osdkRadioIndicator
-  })), /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  })), /* @__PURE__ */ React17__default.default.createElement("span", {
     className: RadioButtonsField_default.osdkRadioLabel
   }, option.label));
 });
-var SwitchField = /* @__PURE__ */ React18__namespace.default.memo(function SwitchFieldFn({
+var SwitchField = /* @__PURE__ */ React17__default.default.memo(function SwitchFieldFn({
   id,
   label,
   value,
   onChange,
   error
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement(chunkSFQMJMTV_cjs.Switch, {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkSFQMJMTV_cjs.Switch, {
     id,
     checked: value ?? false,
     onCheckedChange: onChange,
@@ -989,12 +957,12 @@ function TextAreaField({
   minLength,
   maxLength
 }) {
-  const renderTextarea = React18.useCallback((props) => /* @__PURE__ */ React18__namespace.default.createElement("textarea", _extends3({}, props, {
+  const renderTextarea = React17.useCallback((props) => /* @__PURE__ */ React17__default.default.createElement("textarea", _extends3({}, props, {
     rows,
     wrap,
     style: TEXTAREA_STYLE
   })), [rows, wrap]);
-  return /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
+  return /* @__PURE__ */ React17__default.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     value: value ?? "",
@@ -1016,13 +984,13 @@ function TextInputField({
   maxLength,
   disabled
 }) {
-  const handleValueChange = React18.useCallback((nextValue) => {
+  const handleValueChange = React17.useCallback((nextValue) => {
     if (disabled === true) {
       return;
     }
     onChange?.(nextValue);
   }, [disabled, onChange]);
-  return /* @__PURE__ */ React18__namespace.default.createElement(input.Input, {
+  return /* @__PURE__ */ React17__default.default.createElement(input.Input, {
     id,
     className: BaseInput_default.osdkBaseInput,
     type: "text",
@@ -1047,7 +1015,7 @@ function _extends4() {
   }, _extends4.apply(null, arguments);
 }
 var UNSUPPORTED_FIELD_MESSAGE = "Unsupported field type. Use a CUSTOM field instead";
-var FormFieldRenderer = /* @__PURE__ */ React18.memo(function FormFieldRendererFn({
+var FormFieldRenderer = /* @__PURE__ */ React17.memo(function FormFieldRendererFn({
   fieldDefinition,
   value,
   onFieldValueChange,
@@ -1062,7 +1030,7 @@ var FormFieldRenderer = /* @__PURE__ */ React18.memo(function FormFieldRendererF
     helperText,
     helperTextPlacement
   } = fieldDefinition;
-  return /* @__PURE__ */ React18__namespace.default.createElement(FormField, {
+  return /* @__PURE__ */ React17__default.default.createElement(FormField, {
     label,
     isRequired,
     fieldKey: fieldDefinition.fieldKey,
@@ -1075,7 +1043,7 @@ var FormFieldRenderer = /* @__PURE__ */ React18.memo(function FormFieldRendererF
 function renderFieldComponent(fieldDefinition, value, onChange, error, portalContainer, onFieldBlur) {
   switch (fieldDefinition.fieldComponent) {
     case "DATE_RANGE_INPUT":
-      return /* @__PURE__ */ React18__namespace.default.createElement(chunkZ4JDLERD_cjs.DateRangePicker, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkZ4JDLERD_cjs.DateRangePicker, _extends4({
         id: fieldDefinition.fieldKey,
         value: coerceToDateRange(value),
         onChange,
@@ -1084,7 +1052,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "TEXT_INPUT":
-      return /* @__PURE__ */ React18__namespace.default.createElement(TextInputField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(TextInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1092,14 +1060,14 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "UNSUPPORTED":
-      return /* @__PURE__ */ React18__namespace.default.createElement(TextInputField, _extends4({}, fieldDefinition.fieldComponentProps, {
+      return /* @__PURE__ */ React17__default.default.createElement(TextInputField, _extends4({}, fieldDefinition.fieldComponentProps, {
         id: fieldDefinition.fieldKey,
         value: UNSUPPORTED_FIELD_MESSAGE,
         error,
         disabled: true
       }));
     case "TEXT_AREA":
-      return /* @__PURE__ */ React18__namespace.default.createElement(TextAreaField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(TextAreaField, _extends4({
         id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange,
@@ -1107,7 +1075,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "DROPDOWN": {
-      return /* @__PURE__ */ React18__namespace.default.createElement(chunkZBJEZKOD_cjs.DropdownField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkFRSIMUPL_cjs.DropdownField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
@@ -1119,7 +1087,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
       }));
     }
     case "DATETIME_PICKER":
-      return /* @__PURE__ */ React18__namespace.default.createElement(chunkZ4JDLERD_cjs.DatePicker, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(chunkZ4JDLERD_cjs.DatePicker, _extends4({
         id: fieldDefinition.fieldKey,
         placeholder: fieldDefinition.placeholder,
         value: value instanceof Date ? value : null,
@@ -1129,14 +1097,14 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "RADIO_BUTTONS":
-      return /* @__PURE__ */ React18__namespace.default.createElement(RadioButtonsField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(RadioButtonsField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "SWITCH":
-      return /* @__PURE__ */ React18__namespace.default.createElement(SwitchField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(SwitchField, _extends4({
         id: fieldDefinition.fieldKey,
         label: fieldDefinition.label,
         value: !!value,
@@ -1144,14 +1112,14 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "CUSTOM":
-      return /* @__PURE__ */ React18__namespace.default.createElement(CustomField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(CustomField, _extends4({
         id: fieldDefinition.fieldKey,
         value,
         onChange,
         error
       }, fieldDefinition.fieldComponentProps));
     case "NUMBER_INPUT":
-      return /* @__PURE__ */ React18__namespace.default.createElement(NumberInputField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(NumberInputField, _extends4({
         id: fieldDefinition.fieldKey,
         value: typeof value === "number" ? value : null,
         onChange,
@@ -1159,14 +1127,14 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         error
       }, fieldDefinition.fieldComponentProps));
     case "FILE_PICKER":
-      return /* @__PURE__ */ React18__namespace.default.createElement(FilePickerField, _extends4({
+      return /* @__PURE__ */ React17__default.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({
+      return /* @__PURE__ */ React17__default.default.createElement(ObjectSelectField, _extends4({
         id: fieldDefinition.fieldKey,
         value: narrowToOsdkObject(value),
         onChange,
@@ -1176,7 +1144,7 @@ function renderFieldComponent(fieldDefinition, value, onChange, error, portalCon
         portalContainer: resolvePortalContainer(fieldDefinition.fieldComponentProps, portalContainer)
       }));
     case "OBJECT_SET":
-      return /* @__PURE__ */ React18__namespace.default.createElement(ObjectSetField, _extends4({
+      return /* @__PURE__ */ React17__default.default.createElement(ObjectSetField, _extends4({
         id: fieldDefinition.fieldKey
       }, fieldDefinition.fieldComponentProps));
     default:
@@ -1217,13 +1185,13 @@ function assertUnreachableFieldComponent(value) {
 
 // src/action-form/fields/FieldBridge.tsx
 var SELECT_LIKE_FIELDS = /* @__PURE__ */ new Set(["RADIO_BUTTONS", "SWITCH"]);
-var FieldBridge = /* @__PURE__ */ React18.memo(function FieldBridgeFn({
+var FieldBridge = /* @__PURE__ */ React17.memo(function FieldBridgeFn({
   fieldDef,
   control,
   onExternalChange,
   portalContainer
 }) {
-  const rules = React18.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
+  const rules = React17.useMemo(() => extractValidationRules(fieldDef), [fieldDef]);
   const {
     field: {
       onChange,
@@ -1240,20 +1208,20 @@ var FieldBridge = /* @__PURE__ */ React18.memo(function FieldBridgeFn({
   });
   const isSelectLike = SELECT_LIKE_FIELDS.has(fieldDef.fieldComponent);
   const isDropdown = fieldDef.fieldComponent === "DROPDOWN";
-  const handleChange = React18.useCallback((newValue) => {
+  const handleChange = React17.useCallback((newValue) => {
     onChange(newValue);
     onExternalChange?.(fieldDef.fieldKey, newValue);
     if (isSelectLike) {
       onBlur();
     }
   }, [onChange, onBlur, onExternalChange, fieldDef.fieldKey, isSelectLike]);
-  const handleBlur = React18.useCallback((e) => {
+  const handleBlur = React17.useCallback((e) => {
     if (e.currentTarget.contains(e.relatedTarget)) {
       return;
     }
     onBlur();
   }, [onBlur]);
-  return /* @__PURE__ */ React18__namespace.default.createElement(FormFieldRenderer, {
+  return /* @__PURE__ */ React17__default.default.createElement(FormFieldRenderer, {
     value,
     fieldDefinition: fieldDef,
     onFieldValueChange: handleChange,
@@ -1268,10 +1236,10 @@ var FieldBridge = /* @__PURE__ */ React18.memo(function FieldBridgeFn({
 var FormHeader_default = {};
 
 // src/action-form/FormHeader.tsx
-var FormHeader = /* @__PURE__ */ React18.memo(function FormHeaderFn({
+var FormHeader = /* @__PURE__ */ React17.memo(function FormHeaderFn({
   title
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement("h2", {
+  return /* @__PURE__ */ React17__default.default.createElement("h2", {
     className: FormHeader_default.osdkFormHeader
   }, title);
 });
@@ -1280,7 +1248,7 @@ var FormHeader = /* @__PURE__ */ React18.memo(function FormHeaderFn({
 var FormSection_default = {};
 
 // src/action-form/FormSection.tsx
-var FormSection = /* @__PURE__ */ React18.memo(function FormSectionFn({
+var FormSection = /* @__PURE__ */ React17.memo(function FormSectionFn({
   definition,
   errorCount,
   children
@@ -1295,65 +1263,65 @@ var FormSection = /* @__PURE__ */ React18.memo(function FormSectionFn({
   } = definition;
   const isMinimal = style === "minimal";
   if (isMinimal) {
-    return /* @__PURE__ */ React18__namespace.default.createElement(MinimalSection, {
+    return /* @__PURE__ */ React17__default.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__ */ React18__namespace.default.createElement("div", {
+    return /* @__PURE__ */ React17__default.default.createElement("div", {
       className: FormSection_default.osdkFormSectionBox
-    }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+    }, /* @__PURE__ */ React17__default.default.createElement("div", {
       className: contentClassName
     }, children));
   }
-  return /* @__PURE__ */ React18__namespace.default.createElement(collapsible.Collapsible.Root, {
+  return /* @__PURE__ */ React17__default.default.createElement(collapsible.Collapsible.Root, {
     // Inverted: Base UI uses "open" semantics, our API uses "collapsed" semantics
     defaultOpen: !collapsedByDefault,
     className: FormSection_default.osdkFormSectionBox
-  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionHeader
-  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionTitleArea
-  }, /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, /* @__PURE__ */ React17__default.default.createElement("span", {
     className: FormSection_default.osdkFormSectionTitle
-  }, title), description != null && /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, title), description != null && /* @__PURE__ */ React17__default.default.createElement("span", {
     className: FormSection_default.osdkFormSectionDescription
-  }, description)), /* @__PURE__ */ React18__namespace.default.createElement(collapsible.Collapsible.Trigger, {
+  }, description)), /* @__PURE__ */ React17__default.default.createElement(collapsible.Collapsible.Trigger, {
     className: FormSection_default.osdkFormSectionTrigger,
     "aria-label": title
-  }, errorCount > 0 && /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, errorCount > 0 && /* @__PURE__ */ React17__default.default.createElement("span", {
     className: FormSection_default.osdkFormSectionErrorBadge,
     role: "status"
-  }, errorCount === 1 ? "1 error" : `${errorCount} errors`), /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, errorCount === 1 ? "1 error" : `${errorCount} errors`), /* @__PURE__ */ React17__default.default.createElement("span", {
     className: FormSection_default.osdkFormSectionChevron
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.CaretDown, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.CaretDown, {
     size: 16
-  })))), /* @__PURE__ */ React18__namespace.default.createElement(collapsible.Collapsible.Panel, {
+  })))), /* @__PURE__ */ React17__default.default.createElement(collapsible.Collapsible.Panel, {
     keepMounted: true
-  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: contentClassName
   }, children)));
 });
-var MinimalSection = /* @__PURE__ */ React18.memo(function MinimalSectionFn({
+var MinimalSection = /* @__PURE__ */ React17.memo(function MinimalSectionFn({
   title,
   description,
   children
 }) {
-  return /* @__PURE__ */ React18__namespace.default.createElement("div", null, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  return /* @__PURE__ */ React17__default.default.createElement("div", null, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalHeader
-  }, /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalTitle
-  }, title), description != null && /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, title), description != null && /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalDescription
-  }, description)), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, description)), /* @__PURE__ */ React17__default.default.createElement("div", {
     className: FormSection_default.osdkFormSectionMinimalContent
   }, children));
 });
 
 // src/action-form/BaseForm.tsx
-var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
+var BaseForm = /* @__PURE__ */ React17.memo(function BaseFormFn({
   formTitle,
   formContent,
   formState: controlledFormState,
@@ -1366,10 +1334,10 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
   submitButtonText = "Submit",
   submitButtonVariant = "primary"
 }) {
-  const portalContainerRef = React18.useRef(null);
+  const portalContainerRef = React17.useRef(null);
   const isControlled = controlledFormState != null;
-  const allFieldDefinitions = React18.useMemo(() => flattenFieldDefinitions(formContent), [formContent]);
-  const defaultValues = React18.useMemo(() => buildDefaultValues(allFieldDefinitions), [allFieldDefinitions]);
+  const allFieldDefinitions = React17.useMemo(() => flattenFieldDefinitions(formContent), [formContent]);
+  const defaultValues = React17.useMemo(() => buildDefaultValues(allFieldDefinitions), [allFieldDefinitions]);
   const {
     control,
     trigger,
@@ -1388,7 +1356,7 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
       defaultValues
     }
   });
-  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React18.useState(false);
+  const [hasAttemptedSubmit, setHasAttemptedSubmit] = React17.useState(false);
   const {
     isPending: isSubmitting,
     error: submissionError,
@@ -1396,7 +1364,7 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
     clearError
   } = useAsyncAction(onSubmit);
   const submissionErrorMessage = submissionError != null ? submissionError instanceof Error ? submissionError.message : "Submission failed" : void 0;
-  const submitForm = React18.useCallback(async () => {
+  const submitForm = React17.useCallback(async () => {
     setHasAttemptedSubmit(true);
     const isValid = await trigger();
     if (!isValid) {
@@ -1404,11 +1372,11 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
     }
     await executeSubmit(controlledFormState ?? getValues());
   }, [trigger, executeSubmit, controlledFormState, getValues]);
-  const handleFieldChange = React18.useCallback((fieldKey, value) => {
+  const handleFieldChange = React17.useCallback((fieldKey, value) => {
     clearError();
     onFieldValueChange?.(fieldKey, value);
   }, [clearError, onFieldValueChange]);
-  const labelByFieldKey = React18.useMemo(() => new Map(allFieldDefinitions.map((d) => [d.fieldKey, d.label])), [allFieldDefinitions]);
+  const labelByFieldKey = React17.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"
@@ -1417,24 +1385,24 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
   const buttonErrorMessage = areErrorsPresent ? "Some fields are invalid" : submissionErrorMessage;
   const isFormPending = isPending || isSubmitting;
   const isSubmitButtonDisabled = isSubmitDisabled || hasAttemptedSubmit && areErrorsPresent;
-  return /* @__PURE__ */ React18__namespace.default.createElement("form", {
+  return /* @__PURE__ */ React17__default.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__ */ React18__namespace.default.createElement(FormHeader, {
+  }, formTitle != null && /* @__PURE__ */ React17__default.default.createElement(FormHeader, {
     title: formTitle
-  }), isLoading && allFieldDefinitions.length === 0 && /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }), isLoading && allFieldDefinitions.length === 0 && /* @__PURE__ */ React17__default.default.createElement("div", {
     role: "status",
     "aria-label": "Loading form fields",
     className: BaseForm_default.osdkFormFields
-  }, FORM_SKELETON), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }, FORM_SKELETON), /* @__PURE__ */ React17__default.default.createElement("div", {
     className: BaseForm_default.osdkFormFields
   }, formContent.map((item) => {
     if (item.type === "field") {
-      return /* @__PURE__ */ React18__namespace.default.createElement(FieldBridge, {
+      return /* @__PURE__ */ React17__default.default.createElement(FieldBridge, {
         key: item.definition.fieldKey,
         fieldDef: item.definition,
         control,
@@ -1443,24 +1411,24 @@ var BaseForm = /* @__PURE__ */ React18.memo(function BaseFormFn({
       });
     }
     const sectionErrorCount = item.definition.fields.reduce((count, field) => count + (errors[field.fieldKey] != null ? 1 : 0), 0);
-    return /* @__PURE__ */ React18__namespace.default.createElement(FormSection, {
+    return /* @__PURE__ */ React17__default.default.createElement(FormSection, {
       key: item.key,
       definition: item.definition,
       errorCount: sectionErrorCount
-    }, item.definition.fields.map((fieldDef) => /* @__PURE__ */ React18__namespace.default.createElement(FieldBridge, {
+    }, item.definition.fields.map((fieldDef) => /* @__PURE__ */ React17__default.default.createElement(FieldBridge, {
       key: fieldDef.fieldKey,
       fieldDef,
       control,
       onExternalChange: handleFieldChange,
       portalContainer: portalContainerRef
     })));
-  })), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  })), /* @__PURE__ */ React17__default.default.createElement("div", {
     className: BaseForm_default.osdkFormFooter
-  }, /* @__PURE__ */ React18__namespace.default.createElement(ErrorIndicator, {
+  }, /* @__PURE__ */ React17__default.default.createElement(ErrorIndicator, {
     errorEntries
-  }), /* @__PURE__ */ React18__namespace.default.createElement("div", {
+  }), /* @__PURE__ */ React17__default.default.createElement("div", {
     className: BaseForm_default.osdkFormSubmitButton
-  }, /* @__PURE__ */ React18__namespace.default.createElement(SubmitButton, {
+  }, /* @__PURE__ */ React17__default.default.createElement(SubmitButton, {
     isPending: isFormPending,
     isSubmitDisabled: isSubmitButtonDisabled,
     errorMessage: buttonErrorMessage,
@@ -1485,12 +1453,12 @@ function flattenFieldDefinitions(formContent) {
 var SKELETON_FIELD_COUNT = 3;
 var FORM_SKELETON = Array.from({
   length: SKELETON_FIELD_COUNT
-}, (_, i) => /* @__PURE__ */ React18__namespace.default.createElement("div", {
+}, (_, i) => /* @__PURE__ */ React17__default.default.createElement("div", {
   key: i,
   className: BaseForm_default.osdkFormSkeletonField
-}, /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}, /* @__PURE__ */ React17__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonLabel
-}), /* @__PURE__ */ React18__namespace.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+}), /* @__PURE__ */ React17__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
   className: BaseForm_default.osdkFormSkeletonInput
 })));
 function buildDefaultValues(fieldDefinitions) {
@@ -1503,7 +1471,7 @@ function buildDefaultValues(fieldDefinitions) {
   }
   return values;
 }
-var SubmitButton = /* @__PURE__ */ React18.memo(function SubmitButtonFn({
+var SubmitButton = /* @__PURE__ */ React17.memo(function SubmitButtonFn({
   isPending,
   isSubmitDisabled,
   errorMessage,
@@ -1512,7 +1480,7 @@ var SubmitButton = /* @__PURE__ */ React18.memo(function SubmitButtonFn({
   onClick
 }) {
   const buttonLabel = isPending ? "Submitting\u2026" : buttonText;
-  const button = /* @__PURE__ */ React18__namespace.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  const button = /* @__PURE__ */ React17__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     type: "button",
     variant: buttonVariant,
     disabled: isSubmitDisabled || isPending,
@@ -1521,13 +1489,13 @@ var SubmitButton = /* @__PURE__ */ React18.memo(function SubmitButtonFn({
   if (errorMessage == null) {
     return button;
   }
-  return /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, {
     defaultOpen: true
-  }, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, {
-    render: /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  }, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, {
+    render: /* @__PURE__ */ React17__default.default.createElement("span", {
       className: BaseForm_default.osdkTooltipTriggerWrapper
     })
-  }, button), /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), errorMessage))));
+  }, button), /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), errorMessage))));
 });
 function ErrorIndicator({
   errorEntries
@@ -1536,15 +1504,15 @@ function ErrorIndicator({
     return null;
   }
   const count = errorEntries.length;
-  return /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React18__namespace.default.createElement("span", {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Root, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Trigger, null, /* @__PURE__ */ React17__default.default.createElement("span", {
     className: BaseForm_default.osdkFormErrorIndicator
-  }, /* @__PURE__ */ React18__namespace.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React17__default.default.createElement(icons.Error, {
     size: 14
-  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React18__namespace.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React18__namespace.default.createElement("ul", {
+  }), count === 1 ? "1 issue" : `${count} issues`)), /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Portal, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Positioner, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Popup, null, /* @__PURE__ */ React17__default.default.createElement(chunkI3OSD6CF_cjs.Tooltip.Arrow, null), /* @__PURE__ */ React17__default.default.createElement("ul", {
     className: BaseForm_default.osdkFormErrorList
-  }, errorEntries.map((entry) => /* @__PURE__ */ React18__namespace.default.createElement("li", {
+  }, errorEntries.map((entry) => /* @__PURE__ */ React17__default.default.createElement("li", {
     key: entry.label
-  }, /* @__PURE__ */ React18__namespace.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
+  }, /* @__PURE__ */ React17__default.default.createElement("strong", null, entry.label, ":"), " ", entry.message)))))));
 }
 
 // src/action-form/utils/coerceFieldValue.ts
@@ -1725,7 +1693,7 @@ function _extends5() {
 }
 var EMPTY_FIELD_DEFINITIONS = [];
 var EMPTY_FORM_CONTENT = [];
-var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
+var ActionForm = chunkFRSIMUPL_cjs.typedReactMemo(function ActionFormFn({
   actionDefinition,
   formTitle,
   showFormTitle = false,
@@ -1747,7 +1715,7 @@ var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
     loading: metadataLoading,
     error: metadataError
   } = react.useOsdkMetadata(actionDefinition);
-  React18.useEffect(function saveMetadataError() {
+  React17.useEffect(function saveMetadataError() {
     if (metadataError != null) {
       onError?.({
         type: "unknown",
@@ -1756,7 +1724,7 @@ var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
     }
   }, [metadataError, onError]);
   const parameters = metadata?.parameters;
-  const customFieldDefinitions = React18.useMemo(() => {
+  const customFieldDefinitions = React17.useMemo(() => {
     if (formFieldDefinitions == null) {
       return null;
     }
@@ -1776,19 +1744,19 @@ var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
       };
     });
   }, [formFieldDefinitions, parameters]);
-  const rendererFieldDefinitions = React18.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
-  const formContent = React18.useMemo(() => rendererFieldDefinitions.length === 0 ? EMPTY_FORM_CONTENT : rendererFieldDefinitions.map((def) => ({
+  const rendererFieldDefinitions = React17.useMemo(() => customFieldDefinitions ?? (metadata != null ? getDefaultFieldDefinitions(metadata) : EMPTY_FIELD_DEFINITIONS), [customFieldDefinitions, metadata]);
+  const formContent = React17.useMemo(() => rendererFieldDefinitions.length === 0 ? EMPTY_FORM_CONTENT : rendererFieldDefinitions.map((def) => ({
     type: "field",
     definition: def
   })), [rendererFieldDefinitions]);
-  const coerceFormState = React18.useCallback((rawState) => {
+  const coerceFormState = React17.useCallback((rawState) => {
     const coerced = {};
     for (const [key, value] of Object.entries(rawState)) {
       coerced[key] = coerceFieldValue(parameters?.[key]?.type, value);
     }
     return coerced;
   }, [parameters]);
-  const handleSubmit = React18.useCallback(async (rawFormState) => {
+  const handleSubmit = React17.useCallback(async (rawFormState) => {
     const formState = coerceFormState(rawFormState);
     try {
       if (onSubmit != null) {
@@ -1804,7 +1772,7 @@ var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
       });
     }
   }, [coerceFormState, onSubmit, osdkApplyAction, onSuccess, onError]);
-  const handleFieldValueChange = React18.useCallback((fieldKey, value) => {
+  const handleFieldValueChange = React17.useCallback((fieldKey, value) => {
     onFormStateChange?.((prev) => ({
       ...prev,
       [fieldKey]: value
@@ -1822,17 +1790,17 @@ var ActionForm = chunkZBJEZKOD_cjs.typedReactMemo(function ActionFormFn({
     onFieldValueChange: handleFieldValueChange
   };
   if (!isControlled) {
-    return /* @__PURE__ */ React18__namespace.default.createElement(BaseForm, commonProps);
+    return /* @__PURE__ */ React17__default.default.createElement(BaseForm, commonProps);
   }
-  return /* @__PURE__ */ React18__namespace.default.createElement(BaseForm, _extends5({}, commonProps, {
+  return /* @__PURE__ */ React17__default.default.createElement(BaseForm, _extends5({}, commonProps, {
     formState: controlledFormState
   }));
 });
 
 // src/public/experimental/action-form.ts
-var ActionForm2 = chunkR4M6VGVD_cjs.withOsdkMetrics(ActionForm, "ActionForm");
+var ActionForm2 = chunkIEF4VCDI_cjs.withOsdkMetrics(ActionForm, "ActionForm");
 
 exports.ActionForm = ActionForm2;
 exports.BaseForm = BaseForm;
-//# sourceMappingURL=chunk-QOKXBBSR.cjs.map
-//# sourceMappingURL=chunk-QOKXBBSR.cjs.map
+//# sourceMappingURL=chunk-2QDWXDLC.cjs.map
+//# sourceMappingURL=chunk-2QDWXDLC.cjs.map