@osdk/react-components 0.2.0-beta.24 → 0.2.0-beta.25

package/build/cjs/public/experimental.d.cts

@@ -931,27 +931,49 @@ interface OutlineItem {
     italic: boolean;
 }
 /** The visual style of an annotation rendered on the PDF. */
-type AnnotationType = "highlight" | "underline" | "comment" | "pin";
-/** A single annotation positioned on a specific page of the PDF. */
-interface PdfAnnotation {
+type AnnotationType = "highlight" | "underline" | "comment" | "pin" | "custom";
+/** A rectangle in PDF coordinate space (origin: bottom-left of page). */
+interface PdfRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** Props passed to a custom annotation renderer. */
+interface PdfAnnotationRenderProps {
+    annotation: PdfAnnotation;
+    scale: number;
+    pageHeight: number;
+}
+/** Common fields shared by all annotation types. */
+interface PdfAnnotationBase {
     /** Unique identifier for this annotation */
     id: string;
-    /** The type of annotation to render */
-    type: AnnotationType;
     /** Page number (1-indexed) */
     page: number;
     /** Coordinates in PDF points (origin: bottom-left of page) */
-    rect: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    rect: PdfRect;
+    /** Additional rects for multi-line text highlights. When present, all rects are rendered. */
+    rects?: PdfRect[];
     /** Optional label or tooltip text */
     label?: string;
     /** Optional color override (CSS color string) */
     color?: string;
 }
+/** A built-in annotation type (highlight, underline, comment, pin). */
+interface PdfStandardAnnotation extends PdfAnnotationBase {
+    /** The type of annotation to render */
+    type: "highlight" | "underline" | "comment" | "pin";
+}
+/** A custom annotation with a user-provided renderer. */
+interface PdfCustomAnnotation extends PdfAnnotationBase {
+    /** Must be "custom" for custom-rendered annotations */
+    type: "custom";
+    /** Render function for the custom annotation content (required for custom type) */
+    render: (props: PdfAnnotationRenderProps) => React__default.ReactNode;
+}
+/** A single annotation positioned on a specific page of the PDF. */
+type PdfAnnotation = PdfStandardAnnotation | PdfCustomAnnotation;
 /** Result passed to the {@link PdfViewerProps.onDownload} callback. */
 type PdfDownloadResult = {
     success: true;
@@ -960,12 +982,25 @@ type PdfDownloadResult = {
     success: false;
     error: Error;
 };
+/** Possible values for a PDF form field. */
+type PdfFormFieldValue = string | boolean | string[];
+/** Data emitted when the user creates a text highlight via the highlight editor. */
+interface PdfTextHighlightEvent {
+    /** Page number (1-indexed) */
+    page: number;
+    /** Bounding rects in PDF coordinate space (bottom-left origin) */
+    rects: PdfRect[];
+    /** The selected text content */
+    selectedText: string;
+    /** Highlight color as CSS color string */
+    color: string;
+}
 /** Props for the {@link PdfViewer} component. */
 interface PdfViewerProps {
     /** PDF source — URL string or ArrayBuffer */
     src: string | ArrayBuffer;
-    /** Annotations to overlay on the PDF, keyed by page number (1-indexed) */
-    annotations?: Record<number, PdfAnnotation[]>;
+    /** Annotations to overlay on the PDF */
+    annotations?: PdfAnnotation[];
     /**
      * Callback fired when an annotation is clicked.
      *
@@ -980,6 +1015,26 @@ interface PdfViewerProps {
      * @returns void
      */
     onDownload?: (result: PdfDownloadResult) => void;
+    /**
+     * Whether the highlight toggle button is shown in the toolbar.
+     * @default false
+     */
+    enableHighlight?: boolean;
+    /**
+     * Callback fired when the user creates a text highlight.
+     * Only fires when highlight mode is active.
+     *
+     * @param event - The highlight event with page, rects, text, and color
+     * @returns void
+     */
+    onTextHighlight?: (event: PdfTextHighlightEvent) => void;
+    /**
+     * Callback fired when the user deletes a highlight via the PDF.js editor UI.
+     *
+     * @param event - The highlight event that was deleted
+     * @returns void
+     */
+    onHighlightDelete?: (event: PdfTextHighlightEvent) => void;
     /** Initial page number (1-indexed, default 1) */
     initialPage?: number;
     /** Initial zoom scale (default 1.0) */
@@ -1002,11 +1057,32 @@ interface PdfViewerProps {
      * If omitted, no icons are rendered.
      */
     outlineIcons?: Partial<Record<number, React__default.ComponentType>>;
+    /**
+     * Initial form field values keyed by field name. Applied when the document loads.
+     * Use this to pre-populate form fields when resuming a previously edited PDF.
+     */
+    formData?: Record<string, PdfFormFieldValue>;
+    /**
+     * Callback fired when the user clicks the save button in the toolbar.
+     * Receives all current form field values keyed by field name.
+     *
+     * @param data - All form field values keyed by field name
+     * @returns void
+     */
+    onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;
+    /**
+     * Callback fired when any form field value changes.
+     *
+     * @param fieldName - The name of the field that changed
+     * @param value - The new value
+     * @returns void
+     */
+    onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;
     /** Additional CSS class name for the root element */
     className?: string;
 }
 
-declare function BasePdfViewer({ src, annotations, onAnnotationClick, onDownload, initialPage, initialScale, initialSidebarOpen, enableDownload, sidebarMode: sidebarModeProp, outlineIcons, className, }: PdfViewerProps): React__default.ReactElement;
+declare function BasePdfViewer({ src, annotations, onAnnotationClick, onDownload, enableHighlight, onTextHighlight, onHighlightDelete, formData, onFormSubmit, onFormChange, initialPage, initialScale, initialSidebarOpen, enableDownload, sidebarMode: sidebarModeProp, outlineIcons, className, }: PdfViewerProps): React__default.ReactElement;
 
 interface PdfViewerAnnotationLayerProps {
     annotations: PdfAnnotation[];
@@ -1019,8 +1095,8 @@ declare function PdfViewerAnnotationLayer({ annotations, pageHeight, scale, onAn
 interface PdfViewerContentProps {
     /** PDF source — URL string or ArrayBuffer */
     src: string | ArrayBuffer;
-    /** Annotations to overlay on the PDF, keyed by page number (1-indexed) */
-    annotations?: Record<number, PdfAnnotation[]>;
+    /** Annotations to overlay on the PDF */
+    annotations?: PdfAnnotation[];
     /** Callback fired when an annotation is clicked */
     onAnnotationClick?: (annotation: PdfAnnotation) => void;
     /** Initial page number (1-indexed, default 1) */
@@ -1031,10 +1107,14 @@ interface PdfViewerContentProps {
     onPageChange?: (page: number) => void;
     /** Callback fired when the zoom scale changes */
     onScaleChange?: (scale: number) => void;
+    /** Initial form field values keyed by field name. Applied when the document loads. */
+    formData?: Record<string, PdfFormFieldValue>;
+    /** Callback fired when any form field value changes. */
+    onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;
     /** Additional CSS class name for the root element */
     className?: string;
 }
-declare function PdfViewerContent({ src, annotations, onAnnotationClick, initialPage, initialScale, onPageChange: onPageChangeProp, onScaleChange: onScaleChangeProp, className, }: PdfViewerContentProps): React__default.ReactElement;
+declare function PdfViewerContent({ src, annotations, onAnnotationClick, initialPage, initialScale, onPageChange: onPageChangeProp, onScaleChange: onScaleChangeProp, formData, onFormChange, className, }: PdfViewerContentProps): React__default.ReactElement;
 
 interface PdfViewerOutlineSidebarProps {
     outlineItems: OutlineItem[];
@@ -1080,8 +1160,13 @@ interface PdfViewerToolbarProps {
     enableDownload: boolean;
     onRotateLeft: () => void;
     onRotateRight: () => void;
+    enableHighlight: boolean;
+    highlightModeActive: boolean;
+    onHighlightToggle: () => void;
+    enableFormSave?: boolean;
+    onFormSave?: () => void;
 }
-declare function PdfViewerToolbar({ currentPage, numPages, scale, sidebarOpen, onPageChange, onScaleChange, onSearchOpen, onSidebarToggle, onDownload, enableDownload, onRotateLeft, onRotateRight, }: PdfViewerToolbarProps): React__default.ReactElement;
+declare function PdfViewerToolbar({ currentPage, numPages, scale, sidebarOpen, onPageChange, onScaleChange, onSearchOpen, onSidebarToggle, onDownload, enableDownload, onRotateLeft, onRotateRight, enableHighlight, highlightModeActive, onHighlightToggle, enableFormSave, onFormSave, }: PdfViewerToolbarProps): React__default.ReactElement;
 
 interface AnnotationPortalTarget {
     pageNumber: number;
@@ -1091,6 +1176,11 @@ interface AnnotationPortalTarget {
 }
 declare function usePdfAnnotationPortals(pdfViewerRef: RefObject<PDFViewer | null>, eventBusRef: RefObject<EventBus | null>, document: PDFDocumentProxy | undefined): AnnotationPortalTarget[];
 
+/**
+ * Groups a flat array of annotations by page number for efficient per-page lookup.
+ */
+declare function usePdfAnnotationsByPage(annotations: PdfAnnotation[]): Record<number, PdfAnnotation[]>;
+
 interface UsePdfDocumentResult {
     document: PDFDocumentProxy | undefined;
     numPages: number;
@@ -1099,6 +1189,45 @@ interface UsePdfDocumentResult {
 }
 declare function usePdfDocument(src: string | ArrayBuffer): UsePdfDocumentResult;
 
+interface UsePdfFormFieldsOptions {
+    pdfViewerRef: RefObject<PDFViewer | null>;
+    eventBusRef: RefObject<EventBus | null>;
+    document: PDFDocumentProxy | undefined;
+    formData?: Record<string, PdfFormFieldValue>;
+    onFormSubmit?: (data: Record<string, PdfFormFieldValue>) => void;
+    onFormChange?: (fieldName: string, value: PdfFormFieldValue) => void;
+}
+interface UsePdfFormFieldsResult {
+    /** Whether the loaded PDF contains interactive form fields. */
+    hasFormFields: boolean;
+    /** Collect all current form field values and invoke onFormSubmit. */
+    submitFormData: () => void;
+}
+/**
+ * Hook that manages interactive PDF form fields.
+ * Builds a field metadata map, pre-populates initial values,
+ * listens for field changes, and collects values on submit.
+ */
+declare function usePdfFormFields({ pdfViewerRef, eventBusRef, document, formData, onFormSubmit, onFormChange, }: UsePdfFormFieldsOptions): UsePdfFormFieldsResult;
+
+interface UsePdfHighlightModeOptions {
+    pdfViewerRef: RefObject<PDFViewer | null>;
+    document: PDFDocumentProxy | undefined;
+    enabled: boolean;
+    onTextHighlight?: (event: PdfTextHighlightEvent) => void;
+    onHighlightDelete?: (event: PdfTextHighlightEvent) => void;
+}
+interface UsePdfHighlightModeResult {
+    highlightModeActive: boolean;
+    toggleHighlightMode: () => void;
+}
+/**
+ * Hook that manages the PDF.js built-in highlight annotation editor mode.
+ * When active, users can select text to create highlights.
+ * A callback fires with the annotation details for persistence.
+ */
+declare function usePdfHighlightMode({ pdfViewerRef, document, enabled, onTextHighlight, onHighlightDelete, }: UsePdfHighlightModeOptions): UsePdfHighlightModeResult;
+
 declare function usePdfOutline(document: PDFDocumentProxy | undefined): OutlineItem[];
 
 interface UsePdfViewerResult {
@@ -1393,6 +1522,7 @@ interface TextAreaFieldProps extends BaseFormFieldProps<string>, Pick<React__def
  * If provided, this will be added to the field validation
  */
  | "maxLength"> {
+    placeholder?: string;
 }
 interface TextInputFieldProps extends BaseFormFieldProps<string>, Pick<React__default.InputHTMLAttributes<HTMLInputElement>, 
 /**
@@ -1423,7 +1553,11 @@ interface NumberInputFieldProps extends BaseFormFieldProps<number>, Pick<React__
  */
 interface RadioButtonsFieldProps<V> extends BaseFormFieldProps<V> {
     /**
-     * Available options for radio buttons
+     * Available options for radio buttons.
+     *
+     * Values are compared by reference equality (`===`). When options contain
+     * non-primitive values, pass the same object references for `value` and
+     * the corresponding option entry.
      */
     options: Option<V>[];
 }
@@ -1632,4 +1766,4 @@ declare const ActionForm: <Q extends ActionDefinition<unknown>>(props: ActionFor
 
 declare const BaseForm: React__default.FC<BaseFormProps>;
 
-export { ActionForm, type ActionFormProps, type ActionParameters, type AnnotationPortalTarget, type AnnotationType, BaseFilterList, type BaseFilterListProps, BaseForm, type BaseFormFieldProps, type BaseFormProps, BasePdfViewer, BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type CustomColumnLocator, type CustomFieldProps, type DatetimePickerFieldProps, type DropdownFieldProps, type FieldComponent, type FieldValueType, type FilePickerProps, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, type FormError, type FormFieldDefinition, type FormFieldPropsByType, type FormState, type FunctionColumnLocator, type NumberInputFieldProps, type ObjectSetFieldProps, ObjectTable, type ObjectTableProps, type Option, type OutlineItem, type PdfAnnotation, type PdfDownloadResult, PdfViewer, PdfViewerAnnotationLayer, type PdfViewerAnnotationLayerProps, PdfViewerContent, type PdfViewerContentProps, type PdfViewerMediaProps, PdfViewerOutlineSidebar, type PdfViewerOutlineSidebarProps, type PdfViewerProps, PdfViewerSearchBar, type PdfViewerSearchBarProps, PdfViewerSidebar, type PdfViewerSidebarProps, PdfViewerToolbar, type PdfViewerToolbarProps, type PropertyColumnLocator, type PropertyFilterDefinition, type RadioButtonsFieldProps, type RdpColumnLocator, type RenderFilterInput, type RendererFieldDefinition, type SidebarMode, type TextAreaFieldProps, type TextInputFieldProps, type UsePdfViewerCoreOptions, type UsePdfViewerCoreResult, type UsePdfViewerResult, type UsePdfViewerSearchResult, type UsePdfViewerStateOptions, type UsePdfViewerStateResult, deserializeFilterStates, serializeFilterStates, usePdfAnnotationPortals, usePdfDocument, usePdfOutline, usePdfViewer, usePdfViewerCore, usePdfViewerSearch, usePdfViewerState, usePdfViewerSync };
+export { ActionForm, type ActionFormProps, type ActionParameters, type AnnotationPortalTarget, type AnnotationType, BaseFilterList, type BaseFilterListProps, BaseForm, type BaseFormFieldProps, type BaseFormProps, BasePdfViewer, BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type CustomColumnLocator, type CustomFieldProps, type DatetimePickerFieldProps, type DropdownFieldProps, type FieldComponent, type FieldValueType, type FilePickerProps, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, type FormError, type FormFieldDefinition, type FormFieldPropsByType, type FormState, type FunctionColumnLocator, type NumberInputFieldProps, type ObjectSetFieldProps, ObjectTable, type ObjectTableProps, type Option, type OutlineItem, type PdfAnnotation, type PdfAnnotationRenderProps, type PdfCustomAnnotation, type PdfDownloadResult, type PdfFormFieldValue, type PdfRect, type PdfTextHighlightEvent, PdfViewer, PdfViewerAnnotationLayer, type PdfViewerAnnotationLayerProps, PdfViewerContent, type PdfViewerContentProps, type PdfViewerMediaProps, PdfViewerOutlineSidebar, type PdfViewerOutlineSidebarProps, type PdfViewerProps, PdfViewerSearchBar, type PdfViewerSearchBarProps, PdfViewerSidebar, type PdfViewerSidebarProps, PdfViewerToolbar, type PdfViewerToolbarProps, type PropertyColumnLocator, type PropertyFilterDefinition, type RadioButtonsFieldProps, type RdpColumnLocator, type RenderFilterInput, type RendererFieldDefinition, type SidebarMode, type TextAreaFieldProps, type TextInputFieldProps, type UsePdfFormFieldsOptions, type UsePdfFormFieldsResult, type UsePdfHighlightModeOptions, type UsePdfHighlightModeResult, type UsePdfViewerCoreOptions, type UsePdfViewerCoreResult, type UsePdfViewerResult, type UsePdfViewerSearchResult, type UsePdfViewerStateOptions, type UsePdfViewerStateResult, deserializeFilterStates, serializeFilterStates, usePdfAnnotationPortals, usePdfAnnotationsByPage, usePdfDocument, usePdfFormFields, usePdfHighlightMode, usePdfOutline, usePdfViewer, usePdfViewerCore, usePdfViewerSearch, usePdfViewerState, usePdfViewerSync };

package/build/esm/action-form/FormFieldApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldApi.js","names":[],"sources":["FormFieldApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ActionDefinition,\n  ActionMetadata,\n  ActionParam,\n  CompileTimeMetadata,\n  DataValueClientToWire,\n  ObjectSet,\n  ObjectTypeDefinition,\n} from \"@osdk/api\";\nimport type React from \"react\";\n\n/**\n * A form field definition specifies configuration for a single field\n */\nexport interface FormFieldDefinition<\n  Q extends ActionDefinition<unknown>,\n  K extends FieldKey<Q> = FieldKey<Q>,\n> {\n  /**\n   * The field's unique key\n   */\n  fieldKey: K;\n\n  /**\n   * Display label for the field\n   * If not provided, the form field will not show any label.\n   */\n  label?: string;\n\n  /**\n   * Default value of the field\n   */\n  defaultValue?: FieldValueType<Q, K>;\n\n  /**\n   * The form field component type to render\n   */\n  fieldComponent: ValidFormFieldForPropertyType<FieldDescriptorType<Q, K>>;\n\n  /**\n   * Whether the field is required\n   */\n  isRequired?: boolean;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Additional information to display on this field\n   * The placement of helper text depends on the value of helperTextPlacement prop\n   */\n  helperText?: string;\n\n  /**\n   * The placement of the helper text either below the field or in a tooltip\n   *\n   * @default \"tooltip\"\n   */\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n\n  /**\n   * Whether the field is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * A callback to return a custom error message if validation failed\n   *\n   * @param validationRule the validation rule that failed with the error message\n   * @returns the error message to display\n   */\n  onValidationError?: (error: ValidationError) => string;\n\n  /**\n   * Additional function to validate the field\n   *\n   * @param value the current field value\n   * @returns a boolean promise indicating whether the value is valid\n   */\n  validate?: (value: FieldValueType<Q, K>) => Promise<boolean>;\n\n  /**\n   * The component props for the form field\n   * Excludes runtime props (key, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps?: Omit<\n    FormFieldPropsByType[\n      ValidFormFieldForPropertyType<\n        FieldDescriptorType<Q, K>\n      >\n    ],\n    \"key\" | \"onChange\"\n  >;\n}\n\ntype ValidationError = { type: ValidationRule; error: string };\n\ntype ValidationRule =\n  | \"required\"\n  | \"min\"\n  | \"max\"\n  | \"minLength\"\n  | \"maxLength\"\n  | \"pattern\"\n  | \"validate\";\n\n/**\n * Maps field types to their corresponding props\n */\nexport interface FormFieldPropsByType {\n  DATETIME_PICKER: DatetimePickerFieldProps;\n  DROPDOWN: DropdownFieldProps<unknown, boolean>;\n  FILE_PICKER: FilePickerProps;\n  NUMBER_INPUT: NumberInputFieldProps;\n  OBJECT_SET: ObjectSetFieldProps<ObjectTypeDefinition>;\n  RADIO_BUTTONS: RadioButtonsFieldProps<unknown>;\n  TEXT_AREA: TextAreaFieldProps;\n  TEXT_INPUT: TextInputFieldProps;\n  CUSTOM: CustomFieldProps<unknown>;\n}\n\n/**\n * Datetime picker field props.\n *\n * When `formatDate` is omitted, ISO-like format is used (YYYY-MM-DD / YYYY-MM-DD HH:mm).\n */\nexport interface DatetimePickerFieldProps extends BaseFormFieldProps<Date> {\n  /**\n   * The earliest date the user can select.\n   * If provided, this will be added to the field validation.\n   */\n  min?: Date;\n\n  /**\n   * The latest date the user can select.\n   * If provided, this will be added to the field validation.\n   */\n  max?: Date;\n\n  /**\n   * Whether to show time picker.\n   */\n  showTime?: boolean;\n\n  /**\n   * Whether to close the popover after selecting a date.\n   * @default true when `showTime` is false, false when `showTime` is true\n   */\n  closeOnSelection?: boolean;\n\n  /**\n   * Placeholder text shown when no value is selected.\n   */\n  placeholder?: string;\n\n  /** Formats a Date for display in the trigger button. */\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Dropdown field props with selectable items\n */\nexport interface DropdownFieldProps<V, Multiple extends boolean = false>\n  extends BaseFormFieldProps<Multiple extends true ? V[] : V>\n{\n  /**\n   * Available items for the dropdown\n   */\n  items: V[];\n\n  /**\n   * Converts an item to a display string. Defaults to `String()`.\n   */\n  itemToStringLabel?: (item: V) => string;\n\n  /**\n   * Returns a unique string key for a list item. Used as the React `key`.\n   * Falls back to the item's index when not provided.\n   */\n  itemToKey?: (item: V) => string;\n\n  /**\n   * Custom equality check for item values. Defaults to `Object.is`.\n   * Required when items are objects to ensure correct selection matching.\n   */\n  isItemEqual?: (a: V, b: V) => boolean;\n\n  /**\n   * Whether the dropdown allows searching/filtering.\n   * When true, renders a Combobox with a search input.\n   * When false (default), renders a Select dropdown.\n   */\n  isSearchable?: boolean;\n\n  /**\n   * Placeholder text shown when no value is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Whether multiple values can be selected\n   */\n  isMultiple?: Multiple;\n}\n\nexport interface FilePickerProps extends BaseFormFieldProps<File | File[]> {\n  /**\n   * Whether multiple files can be selected\n   */\n  isMulti?: boolean;\n\n  /**\n   * Accepted file types (e.g., \"image/*\", \".pdf\")\n   */\n  accept?: string | string[];\n\n  /**\n   * Maximum file size in bytes\n   */\n  maxSize?: number;\n}\n\n/**\n * Text area field props\n */\nexport interface TextAreaFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    | \"rows\"\n    | \"wrap\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{}\n\nexport interface TextInputFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  placeholder?: string;\n}\n\n/**\n * Number input field props\n */\nexport interface NumberInputFieldProps extends\n  BaseFormFieldProps<number>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"min\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"max\"\n    | \"step\"\n  >\n{}\n\n/**\n * Radio buttons field props\n */\nexport interface RadioButtonsFieldProps<V> extends BaseFormFieldProps<V> {\n  /**\n   * Available options for radio buttons\n   */\n  options: Option<V>[];\n}\n\n/**\n * Option interface for radio button options\n */\nexport interface Option<V> {\n  label: string;\n  value: V;\n}\n\n/**\n * Object set field displays the summary of the count of the given object set\n */\nexport interface ObjectSetFieldProps<T extends ObjectTypeDefinition>\n  extends BaseFormFieldProps<ObjectSet<T>>\n{}\n\n/**\n * Custom field props for user-defined renderers\n */\nexport interface CustomFieldProps<V> extends BaseFormFieldProps<V> {\n  /**\n   * Custom renderer function\n   */\n  customRenderer: (props: BaseFormFieldProps<V>) => React.ReactNode;\n}\n\nexport interface BaseFormFieldProps<V> {\n  /**\n   * The HTML `id` attribute for the field input element.\n   * Used for `<label htmlFor>` association.\n   */\n  id?: string;\n\n  /**\n   * The value of the form field\n   */\n  value: V | null;\n  /**\n   * Called when the field value changes.\n   *\n   * ActionForm internally wraps this to pass the key to `onFieldValueChange`:\n   * ```\n   * <DropdownField\n   *   {...fieldDef}\n   *   onChange={(value) => onFieldValueChange(fieldDef.key, value)}\n   * />\n   * ```\n   *\n   * @param value The new value of the form field\n   */\n  onChange?: (value: V | null) => void;\n}\n\nexport type FieldKey<Q extends ActionDefinition<unknown>> =\n  keyof ActionParameters<Q>;\n\n/**\n * Extracts parameters from an ActionDefinition\n */\nexport type ActionParameters<Q extends ActionDefinition<unknown>> =\n  CompileTimeMetadata<Q>[\"parameters\"];\n\n/**\n * Extracts the value type for a specific parameter\n *\n * TODO: Re-use `BaseType`\n */\nexport type FieldValueType<\n  Q extends ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"] extends\n  ActionMetadata.DataType.Object<infer T> ? ActionParam.ObjectType<T>\n  : ActionParameters<Q>[K][\"type\"] extends ActionMetadata.DataType.ObjectSet<\n    infer T\n  > ? ActionParam.ObjectSetType<T>\n  : ActionParameters<Q>[K][\"type\"] extends ActionMetadata.DataType.Struct<\n    infer T\n  > ? ActionParam.StructType<T>\n  : ActionParameters<Q>[K][\"type\"] extends keyof DataValueClientToWire\n    ? DataValueClientToWire[ActionParameters<Q>[K][\"type\"]]\n  : never;\n\n/**\n * Extracts the parameter type descriptor for a specific action parameter.\n */\nexport type FieldDescriptorType<\n  Q extends ActionDefinition<unknown> = ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"];\n\n/**\n * Available form field component types\n */\nexport type FieldComponent =\n  | \"DATETIME_PICKER\"\n  | \"DROPDOWN\"\n  | \"FILE_PICKER\"\n  | \"NUMBER_INPUT\"\n  | \"RADIO_BUTTONS\"\n  | \"OBJECT_SET\"\n  | \"TEXT_AREA\"\n  | \"TEXT_INPUT\"\n  | \"CUSTOM\";\n\n/**\n * Describes the data type of a form field, independent of OSDK.\n * Mirrors ActionMetadata.DataType to keep the rendering layer OSDK-agnostic.\n */\nexport type FieldType =\n  | \"boolean\"\n  | \"string\"\n  | \"integer\"\n  | \"long\"\n  | \"double\"\n  | \"datetime\"\n  | \"timestamp\"\n  | \"attachment\"\n  | \"marking\"\n  | \"mediaReference\"\n  | \"objectType\"\n  | \"geoshape\"\n  | \"geohash\"\n  | { type: \"object\"; object: string }\n  | { type: \"objectSet\"; objectSet: string }\n  | { type: \"interface\"; interface: string }\n  | { type: \"struct\"; struct: Record<string, string> };\n\n/**\n * An OSDK-agnostic field definition used by BaseForm and FormFieldRenderer.\n * Contains only the information needed to render a single field — no generics,\n * no compile-time parameter constraints.\n *\n * Implemented as a distributed mapped type: switching on `fieldComponent`\n * narrows `fieldComponentProps` to the correct props type automatically.\n */\nexport type RendererFieldDefinition = {\n  [K in FieldComponent]: {\n    fieldKey: string;\n    fieldComponent: K;\n    fieldType?: FieldType;\n    label?: string;\n    defaultValue?: unknown;\n    isRequired?: boolean;\n    placeholder?: string;\n    helperText?: string;\n    helperTextPlacement?: \"bottom\" | \"tooltip\";\n    fieldComponentProps?: Omit<FormFieldPropsByType[K], \"value\" | \"onChange\">;\n  };\n}[FieldComponent];\n\n/**\n * Gets valid form field types for a given property type\n */\nexport type ValidFormFieldForPropertyType<P extends FieldDescriptorType> =\n  P extends \"objectSet\" ? \"OBJECT_SET\"\n    : P extends \"object\" ? \"DROPDOWN\"\n    : P extends \"mediaReference\" | \"attachment\" ? \"FILE_PICKER\"\n    : P extends \"boolean\" ? \"RADIO_BUTTONS\" | \"DROPDOWN\"\n    : P extends \"string\" ? \"TEXT_INPUT\" | \"TEXT_AREA\"\n    : P extends \"datetime\" | \"timestamp\" ? \"DATETIME_PICKER\"\n    : P extends\n      | \"double\"\n      | \"integer\"\n      | \"long\"\n      | \"float\"\n      | \"short\"\n      | \"byte\"\n      | \"decimal\" ? \"NUMBER_INPUT\"\n    : never;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FormFieldApi.js","names":[],"sources":["FormFieldApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ActionDefinition,\n  ActionMetadata,\n  ActionParam,\n  CompileTimeMetadata,\n  DataValueClientToWire,\n  ObjectSet,\n  ObjectTypeDefinition,\n} from \"@osdk/api\";\nimport type React from \"react\";\n\n/**\n * A form field definition specifies configuration for a single field\n */\nexport interface FormFieldDefinition<\n  Q extends ActionDefinition<unknown>,\n  K extends FieldKey<Q> = FieldKey<Q>,\n> {\n  /**\n   * The field's unique key\n   */\n  fieldKey: K;\n\n  /**\n   * Display label for the field\n   * If not provided, the form field will not show any label.\n   */\n  label?: string;\n\n  /**\n   * Default value of the field\n   */\n  defaultValue?: FieldValueType<Q, K>;\n\n  /**\n   * The form field component type to render\n   */\n  fieldComponent: ValidFormFieldForPropertyType<FieldDescriptorType<Q, K>>;\n\n  /**\n   * Whether the field is required\n   */\n  isRequired?: boolean;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Additional information to display on this field\n   * The placement of helper text depends on the value of helperTextPlacement prop\n   */\n  helperText?: string;\n\n  /**\n   * The placement of the helper text either below the field or in a tooltip\n   *\n   * @default \"tooltip\"\n   */\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n\n  /**\n   * Whether the field is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * A callback to return a custom error message if validation failed\n   *\n   * @param validationRule the validation rule that failed with the error message\n   * @returns the error message to display\n   */\n  onValidationError?: (error: ValidationError) => string;\n\n  /**\n   * Additional function to validate the field\n   *\n   * @param value the current field value\n   * @returns a boolean promise indicating whether the value is valid\n   */\n  validate?: (value: FieldValueType<Q, K>) => Promise<boolean>;\n\n  /**\n   * The component props for the form field\n   * Excludes runtime props (key, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps?: Omit<\n    FormFieldPropsByType[\n      ValidFormFieldForPropertyType<\n        FieldDescriptorType<Q, K>\n      >\n    ],\n    \"key\" | \"onChange\"\n  >;\n}\n\ntype ValidationError = { type: ValidationRule; error: string };\n\ntype ValidationRule =\n  | \"required\"\n  | \"min\"\n  | \"max\"\n  | \"minLength\"\n  | \"maxLength\"\n  | \"pattern\"\n  | \"validate\";\n\n/**\n * Maps field types to their corresponding props\n */\nexport interface FormFieldPropsByType {\n  DATETIME_PICKER: DatetimePickerFieldProps;\n  DROPDOWN: DropdownFieldProps<unknown, boolean>;\n  FILE_PICKER: FilePickerProps;\n  NUMBER_INPUT: NumberInputFieldProps;\n  OBJECT_SET: ObjectSetFieldProps<ObjectTypeDefinition>;\n  RADIO_BUTTONS: RadioButtonsFieldProps<unknown>;\n  TEXT_AREA: TextAreaFieldProps;\n  TEXT_INPUT: TextInputFieldProps;\n  CUSTOM: CustomFieldProps<unknown>;\n}\n\n/**\n * Datetime picker field props.\n *\n * When `formatDate` is omitted, ISO-like format is used (YYYY-MM-DD / YYYY-MM-DD HH:mm).\n */\nexport interface DatetimePickerFieldProps extends BaseFormFieldProps<Date> {\n  /**\n   * The earliest date the user can select.\n   * If provided, this will be added to the field validation.\n   */\n  min?: Date;\n\n  /**\n   * The latest date the user can select.\n   * If provided, this will be added to the field validation.\n   */\n  max?: Date;\n\n  /**\n   * Whether to show time picker.\n   */\n  showTime?: boolean;\n\n  /**\n   * Whether to close the popover after selecting a date.\n   * @default true when `showTime` is false, false when `showTime` is true\n   */\n  closeOnSelection?: boolean;\n\n  /**\n   * Placeholder text shown when no value is selected.\n   */\n  placeholder?: string;\n\n  /** Formats a Date for display in the trigger button. */\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Dropdown field props with selectable items\n */\nexport interface DropdownFieldProps<V, Multiple extends boolean = false>\n  extends BaseFormFieldProps<Multiple extends true ? V[] : V>\n{\n  /**\n   * Available items for the dropdown\n   */\n  items: V[];\n\n  /**\n   * Converts an item to a display string. Defaults to `String()`.\n   */\n  itemToStringLabel?: (item: V) => string;\n\n  /**\n   * Returns a unique string key for a list item. Used as the React `key`.\n   * Falls back to the item's index when not provided.\n   */\n  itemToKey?: (item: V) => string;\n\n  /**\n   * Custom equality check for item values. Defaults to `Object.is`.\n   * Required when items are objects to ensure correct selection matching.\n   */\n  isItemEqual?: (a: V, b: V) => boolean;\n\n  /**\n   * Whether the dropdown allows searching/filtering.\n   * When true, renders a Combobox with a search input.\n   * When false (default), renders a Select dropdown.\n   */\n  isSearchable?: boolean;\n\n  /**\n   * Placeholder text shown when no value is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Whether multiple values can be selected\n   */\n  isMultiple?: Multiple;\n}\n\nexport interface FilePickerProps extends BaseFormFieldProps<File | File[]> {\n  /**\n   * Whether multiple files can be selected\n   */\n  isMulti?: boolean;\n\n  /**\n   * Accepted file types (e.g., \"image/*\", \".pdf\")\n   */\n  accept?: string | string[];\n\n  /**\n   * Maximum file size in bytes\n   */\n  maxSize?: number;\n}\n\n/**\n * Text area field props\n */\nexport interface TextAreaFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    | \"rows\"\n    | \"wrap\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  placeholder?: string;\n}\n\nexport interface TextInputFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  placeholder?: string;\n}\n\n/**\n * Number input field props\n */\nexport interface NumberInputFieldProps extends\n  BaseFormFieldProps<number>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"min\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"max\"\n    | \"step\"\n  >\n{}\n\n/**\n * Radio buttons field props\n */\nexport interface RadioButtonsFieldProps<V> extends BaseFormFieldProps<V> {\n  /**\n   * Available options for radio buttons.\n   *\n   * Values are compared by reference equality (`===`). When options contain\n   * non-primitive values, pass the same object references for `value` and\n   * the corresponding option entry.\n   */\n  options: Option<V>[];\n}\n\n/**\n * Option interface for radio button options\n */\nexport interface Option<V> {\n  label: string;\n  value: V;\n}\n\n/**\n * Object set field displays the summary of the count of the given object set\n */\nexport interface ObjectSetFieldProps<T extends ObjectTypeDefinition>\n  extends BaseFormFieldProps<ObjectSet<T>>\n{}\n\n/**\n * Custom field props for user-defined renderers\n */\nexport interface CustomFieldProps<V> extends BaseFormFieldProps<V> {\n  /**\n   * Custom renderer function\n   */\n  customRenderer: (props: BaseFormFieldProps<V>) => React.ReactNode;\n}\n\nexport interface BaseFormFieldProps<V> {\n  /**\n   * The HTML `id` attribute for the field input element.\n   * Used for `<label htmlFor>` association.\n   */\n  id?: string;\n\n  /**\n   * The value of the form field\n   */\n  value: V | null;\n  /**\n   * Called when the field value changes.\n   *\n   * ActionForm internally wraps this to pass the key to `onFieldValueChange`:\n   * ```\n   * <DropdownField\n   *   {...fieldDef}\n   *   onChange={(value) => onFieldValueChange(fieldDef.key, value)}\n   * />\n   * ```\n   *\n   * @param value The new value of the form field\n   */\n  onChange?: (value: V | null) => void;\n}\n\nexport type FieldKey<Q extends ActionDefinition<unknown>> =\n  keyof ActionParameters<Q>;\n\n/**\n * Extracts parameters from an ActionDefinition\n */\nexport type ActionParameters<Q extends ActionDefinition<unknown>> =\n  CompileTimeMetadata<Q>[\"parameters\"];\n\n/**\n * Extracts the value type for a specific parameter\n *\n * TODO: Re-use `BaseType`\n */\nexport type FieldValueType<\n  Q extends ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"] extends\n  ActionMetadata.DataType.Object<infer T> ? ActionParam.ObjectType<T>\n  : ActionParameters<Q>[K][\"type\"] extends ActionMetadata.DataType.ObjectSet<\n    infer T\n  > ? ActionParam.ObjectSetType<T>\n  : ActionParameters<Q>[K][\"type\"] extends ActionMetadata.DataType.Struct<\n    infer T\n  > ? ActionParam.StructType<T>\n  : ActionParameters<Q>[K][\"type\"] extends keyof DataValueClientToWire\n    ? DataValueClientToWire[ActionParameters<Q>[K][\"type\"]]\n  : never;\n\n/**\n * Extracts the parameter type descriptor for a specific action parameter.\n */\nexport type FieldDescriptorType<\n  Q extends ActionDefinition<unknown> = ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"];\n\n/**\n * Available form field component types\n */\nexport type FieldComponent =\n  | \"DATETIME_PICKER\"\n  | \"DROPDOWN\"\n  | \"FILE_PICKER\"\n  | \"NUMBER_INPUT\"\n  | \"RADIO_BUTTONS\"\n  | \"OBJECT_SET\"\n  | \"TEXT_AREA\"\n  | \"TEXT_INPUT\"\n  | \"CUSTOM\";\n\n/**\n * Describes the data type of a form field, independent of OSDK.\n * Mirrors ActionMetadata.DataType to keep the rendering layer OSDK-agnostic.\n */\nexport type FieldType =\n  | \"boolean\"\n  | \"string\"\n  | \"integer\"\n  | \"long\"\n  | \"double\"\n  | \"datetime\"\n  | \"timestamp\"\n  | \"attachment\"\n  | \"marking\"\n  | \"mediaReference\"\n  | \"objectType\"\n  | \"geoshape\"\n  | \"geohash\"\n  | { type: \"object\"; object: string }\n  | { type: \"objectSet\"; objectSet: string }\n  | { type: \"interface\"; interface: string }\n  | { type: \"struct\"; struct: Record<string, string> };\n\n/**\n * An OSDK-agnostic field definition used by BaseForm and FormFieldRenderer.\n * Contains only the information needed to render a single field — no generics,\n * no compile-time parameter constraints.\n *\n * Implemented as a distributed mapped type: switching on `fieldComponent`\n * narrows `fieldComponentProps` to the correct props type automatically.\n */\nexport type RendererFieldDefinition = {\n  [K in FieldComponent]: {\n    fieldKey: string;\n    fieldComponent: K;\n    fieldType?: FieldType;\n    label?: string;\n    defaultValue?: unknown;\n    isRequired?: boolean;\n    placeholder?: string;\n    helperText?: string;\n    helperTextPlacement?: \"bottom\" | \"tooltip\";\n    fieldComponentProps?: Omit<FormFieldPropsByType[K], \"value\" | \"onChange\">;\n  };\n}[FieldComponent];\n\n/**\n * Gets valid form field types for a given property type\n */\nexport type ValidFormFieldForPropertyType<P extends FieldDescriptorType> =\n  P extends \"objectSet\" ? \"OBJECT_SET\"\n    : P extends \"object\" ? \"DROPDOWN\"\n    : P extends \"mediaReference\" | \"attachment\" ? \"FILE_PICKER\"\n    : P extends \"boolean\" ? \"RADIO_BUTTONS\" | \"DROPDOWN\"\n    : P extends \"string\" ? \"TEXT_INPUT\" | \"TEXT_AREA\"\n    : P extends \"datetime\" | \"timestamp\" ? \"DATETIME_PICKER\"\n    : P extends\n      | \"double\"\n      | \"integer\"\n      | \"long\"\n      | \"float\"\n      | \"short\"\n      | \"byte\"\n      | \"decimal\" ? \"NUMBER_INPUT\"\n    : never;\n"],"mappings":"","ignoreList":[]}

package/build/esm/action-form/fields/{TextInputField.module.css → BaseInput.module.css}

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-.osdkTextInput {
+.osdkBaseInput {
   display: block;
   width: 100%;
   min-height: var(--osdk-input-min-height);

package/build/esm/action-form/fields/FormFieldRenderer.js

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /*
- * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,8 +19,11 @@ import React, { memo } from "react";
 import { FormField } from "../FormField.js";
 import { DatetimePickerField } from "./DatetimePickerField.js";
 import { DropdownField } from "./DropdownField.js";
+import { RadioButtonsField } from "./RadioButtonsField.js";
+import { TextAreaField } from "./TextAreaField.js";
 import { TextInputField } from "./TextInputField.js";
 const EMPTY_ITEMS = [];
+const EMPTY_OPTIONS = [];
 export const FormFieldRenderer = /*#__PURE__*/memo(function ({
   fieldDefinition,
   value,
@@ -42,16 +45,19 @@ export const FormFieldRenderer = /*#__PURE__*/memo(function ({
 function renderFieldComponent(fieldDefinition, value, onChange) {
   switch (fieldDefinition.fieldComponent) {
     case "TEXT_INPUT":
-    // TODO: Render a <textarea> for TEXT_AREA instead of falling through
+      return /*#__PURE__*/React.createElement(TextInputField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: value != null ? String(value) : "",
+        onChange: onChange,
+        placeholder: fieldDefinition.placeholder
+      }, fieldDefinition.fieldComponentProps));
     case "TEXT_AREA":
-      return /*#__PURE__*/React.createElement(TextInputField, {
-        id: fieldDefinition.fieldKey
-        // TODO: Use coerceFieldValue
-        ,
+      return /*#__PURE__*/React.createElement(TextAreaField, _extends({
+        id: fieldDefinition.fieldKey,
         value: value != null ? String(value) : "",
         onChange: onChange,
         placeholder: fieldDefinition.placeholder
-      });
+      }, fieldDefinition.fieldComponentProps));
     case "DROPDOWN":
       {
         const {
@@ -74,8 +80,20 @@ function renderFieldComponent(fieldDefinition, value, onChange) {
         value: value instanceof Date ? value : null,
         onChange: onChange
       }, fieldDefinition.fieldComponentProps));
-    case "NUMBER_INPUT":
     case "RADIO_BUTTONS":
+      {
+        const {
+          options = EMPTY_OPTIONS,
+          ...radioProps
+        } = fieldDefinition.fieldComponentProps ?? {};
+        return /*#__PURE__*/React.createElement(RadioButtonsField, _extends({
+          id: fieldDefinition.fieldKey,
+          value: value,
+          onChange: onChange,
+          options: options
+        }, radioProps));
+      }
+    case "NUMBER_INPUT":
     case "FILE_PICKER":
     case "OBJECT_SET":
     case "CUSTOM":

package/build/esm/action-form/fields/FormFieldRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","DatetimePickerField","DropdownField","TextInputField","EMPTY_ITEMS","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","id","String","placeholder","items","dropdownProps","fieldComponentProps","_extends","Date","assertUnreachableFieldComponent","Error"],"sources":["FormFieldRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { FormField } from \"../FormField.js\";\nimport type { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nconst EMPTY_ITEMS: unknown[] = [];\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n  }: FormFieldRendererProps): React.ReactElement {\n    const { label, isRequired, helperText, helperTextPlacement } =\n      fieldDefinition;\n\n    return (\n      <FormField\n        label={label}\n        isRequired={isRequired}\n        fieldKey={fieldDefinition.fieldKey}\n        helperText={helperTextPlacement !== \"tooltip\" ? helperText : undefined}\n      >\n        {renderFieldComponent(fieldDefinition, value, onFieldValueChange)}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"TEXT_INPUT\":\n    // TODO: Render a <textarea> for TEXT_AREA instead of falling through\n    case \"TEXT_AREA\":\n      return (\n        <TextInputField\n          id={fieldDefinition.fieldKey}\n          // TODO: Use coerceFieldValue\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n        />\n      );\n    case \"DROPDOWN\": {\n      const { items = EMPTY_ITEMS, ...dropdownProps } =\n        fieldDefinition.fieldComponentProps ?? {};\n      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          items={items}\n          placeholder={fieldDefinition.placeholder}\n          {...dropdownProps}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatetimePickerField\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n    case \"RADIO_BUTTONS\":\n    case \"FILE_PICKER\":\n    case \"OBJECT_SET\":\n    case \"CUSTOM\":\n      return <div>Unsupported field type: {fieldDefinition.fieldComponent}\n      </div>;\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\nfunction assertUnreachableFieldComponent(value: never): never {\n  throw new Error(`Unhandled field component: ${String(value)}`);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,cAAc,QAAQ,qBAAqB;AAEpD,MAAMC,WAAsB,GAAG,EAAE;AAQjC,OAAO,MAAMC,iBAAmD,gBAAGN,IAAI,CACrE,UAA6B;EAC3BO,eAAe;EACfC,KAAK;EACLC;AACsB,CAAC,EAAsB;EAC7C,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAC1DN,eAAe;EAEjB,oBACER,KAAA,CAAAe,aAAA,CAACb,SAAS;IACRS,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IACvBI,QAAQ,EAAER,eAAe,CAACQ,QAAS;IACnCH,UAAU,EAAEC,mBAAmB,KAAK,SAAS,GAAGD,UAAU,GAAGI;EAAU,GAEtEC,oBAAoB,CAACV,eAAe,EAAEC,KAAK,EAAEC,kBAAkB,CACvD,CAAC;AAEhB,CACF,CAAC;AAED,SAASQ,oBAAoBA,CAC3BV,eAAwC,EACxCC,KAAc,EACdU,QAAkC,EACd;EACpB,QAAQX,eAAe,CAACY,cAAc;IACpC,KAAK,YAAY;IACjB;IACA,KAAK,WAAW;MACd,oBACEpB,KAAA,CAAAe,aAAA,CAACV,cAAc;QACbgB,EAAE,EAAEb,eAAe,CAACQ;QACpB;QAAA;QACAP,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAGa,MAAM,CAACb,KAAK,CAAC,GAAG,EAAG;QAC1CU,QAAQ,EAAEA,QAAS;QACnBI,WAAW,EAAEf,eAAe,CAACe;MAAY,CAC1C,CAAC;IAEN,KAAK,UAAU;MAAE;QACf,MAAM;UAAEC,KAAK,GAAGlB,WAAW;UAAE,GAAGmB;QAAc,CAAC,GAC7CjB,eAAe,CAACkB,mBAAmB,IAAI,CAAC,CAAC;QAC3C,oBACE1B,KAAA,CAAAe,aAAA,CAACX,aAAa,EAAAuB,QAAA;UACZlB,KAAK,EAAEA,KAAM;UACbU,QAAQ,EAAEA,QAAS;UACnBK,KAAK,EAAEA,KAAM;UACbD,WAAW,EAAEf,eAAe,CAACe;QAAY,GACrCE,aAAa,CAClB,CAAC;MAEN;IACA,KAAK,iBAAiB;MACpB,oBACEzB,KAAA,CAAAe,aAAA,CAACZ,mBAAmB,EAAAwB,QAAA;QAClBN,EAAE,EAAEb,eAAe,CAACQ,QAAS;QAC7BO,WAAW,EAAEf,eAAe,CAACe;QAC7B;QAAA;QACAd,KAAK,EAAEA,KAAK,YAAYmB,IAAI,GAAGnB,KAAK,GAAG,IAAK;QAC5CU,QAAQ,EAAEA;MAAS,GACfX,eAAe,CAACkB,mBAAmB,CACxC,CAAC;IAEN,KAAK,cAAc;IACnB,KAAK,eAAe;IACpB,KAAK,aAAa;IAClB,KAAK,YAAY;IACjB,KAAK,QAAQ;MACX,oBAAO1B,KAAA,CAAAe,aAAA,cAAK,0BAAwB,EAACP,eAAe,CAACY,cAChD,CAAC;IACR;MACE,OAAOS,+BAA+B,CAACrB,eAAe,CAAC;EAC3D;AACF;AAEA,SAASqB,+BAA+BA,CAACpB,KAAY,EAAS;EAC5D,MAAM,IAAIqB,KAAK,CAAC,8BAA8BR,MAAM,CAACb,KAAK,CAAC,EAAE,CAAC;AAChE","ignoreList":[]}
+{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","DatetimePickerField","DropdownField","RadioButtonsField","TextAreaField","TextInputField","EMPTY_ITEMS","EMPTY_OPTIONS","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","items","dropdownProps","Date","options","radioProps","assertUnreachableFieldComponent","Error"],"sources":["FormFieldRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { memo } from \"react\";\nimport { FormField } from \"../FormField.js\";\nimport type { Option, RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\n\nconst EMPTY_ITEMS: unknown[] = [];\nconst EMPTY_OPTIONS: Option<never>[] = [];\n\nexport interface FormFieldRendererProps {\n  fieldDefinition: RendererFieldDefinition;\n  value: unknown;\n  onFieldValueChange: (value: unknown) => void;\n}\n\nexport const FormFieldRenderer: React.FC<FormFieldRendererProps> = memo(\n  function FormFieldRendererFn({\n    fieldDefinition,\n    value,\n    onFieldValueChange,\n  }: FormFieldRendererProps): React.ReactElement {\n    const { label, isRequired, helperText, helperTextPlacement } =\n      fieldDefinition;\n\n    return (\n      <FormField\n        label={label}\n        isRequired={isRequired}\n        fieldKey={fieldDefinition.fieldKey}\n        helperText={helperTextPlacement !== \"tooltip\" ? helperText : undefined}\n      >\n        {renderFieldComponent(fieldDefinition, value, onFieldValueChange)}\n      </FormField>\n    );\n  },\n);\n\nfunction renderFieldComponent(\n  fieldDefinition: RendererFieldDefinition,\n  value: unknown,\n  onChange: (value: unknown) => void,\n): React.ReactElement {\n  switch (fieldDefinition.fieldComponent) {\n    case \"TEXT_INPUT\":\n      return (\n        <TextInputField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"TEXT_AREA\":\n      return (\n        <TextAreaField\n          id={fieldDefinition.fieldKey}\n          value={value != null ? String(value) : \"\"}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"DROPDOWN\": {\n      const { items = EMPTY_ITEMS, ...dropdownProps } =\n        fieldDefinition.fieldComponentProps ?? {};\n      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          items={items}\n          placeholder={fieldDefinition.placeholder}\n          {...dropdownProps}\n        />\n      );\n    }\n    case \"DATETIME_PICKER\":\n      return (\n        <DatetimePickerField\n          id={fieldDefinition.fieldKey}\n          placeholder={fieldDefinition.placeholder}\n          // TODO: Use coerceFieldValue\n          value={value instanceof Date ? value : null}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"RADIO_BUTTONS\": {\n      const { options = EMPTY_OPTIONS, ...radioProps } =\n        fieldDefinition.fieldComponentProps ?? {};\n      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          options={options}\n          {...radioProps}\n        />\n      );\n    }\n    case \"NUMBER_INPUT\":\n    case \"FILE_PICKER\":\n    case \"OBJECT_SET\":\n    case \"CUSTOM\":\n      return <div>Unsupported field type: {fieldDefinition.fieldComponent}\n      </div>;\n    default:\n      return assertUnreachableFieldComponent(fieldDefinition);\n  }\n}\n\nfunction assertUnreachableFieldComponent(value: never): never {\n  throw new Error(`Unhandled field component: ${String(value)}`);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,cAAc,QAAQ,qBAAqB;AAEpD,MAAMC,WAAsB,GAAG,EAAE;AACjC,MAAMC,aAA8B,GAAG,EAAE;AAQzC,OAAO,MAAMC,iBAAmD,gBAAGT,IAAI,CACrE,UAA6B;EAC3BU,eAAe;EACfC,KAAK;EACLC;AACsB,CAAC,EAAsB;EAC7C,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAoB,CAAC,GAC1DN,eAAe;EAEjB,oBACEX,KAAA,CAAAkB,aAAA,CAAChB,SAAS;IACRY,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IACvBI,QAAQ,EAAER,eAAe,CAACQ,QAAS;IACnCH,UAAU,EAAEC,mBAAmB,KAAK,SAAS,GAAGD,UAAU,GAAGI;EAAU,GAEtEC,oBAAoB,CAACV,eAAe,EAAEC,KAAK,EAAEC,kBAAkB,CACvD,CAAC;AAEhB,CACF,CAAC;AAED,SAASQ,oBAAoBA,CAC3BV,eAAwC,EACxCC,KAAc,EACdU,QAAkC,EACd;EACpB,QAAQX,eAAe,CAACY,cAAc;IACpC,KAAK,YAAY;MACf,oBACEvB,KAAA,CAAAkB,aAAA,CAACX,cAAc,EAAAiB,QAAA;QACbC,EAAE,EAAEd,eAAe,CAACQ,QAAS;QAC7BP,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAG,EAAG;QAC1CU,QAAQ,EAAEA,QAAS;QACnBK,WAAW,EAAEhB,eAAe,CAACgB;MAAY,GACrChB,eAAe,CAACiB,mBAAmB,CACxC,CAAC;IAEN,KAAK,WAAW;MACd,oBACE5B,KAAA,CAAAkB,aAAA,CAACZ,aAAa,EAAAkB,QAAA;QACZC,EAAE,EAAEd,eAAe,CAACQ,QAAS;QAC7BP,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAG,EAAG;QAC1CU,QAAQ,EAAEA,QAAS;QACnBK,WAAW,EAAEhB,eAAe,CAACgB;MAAY,GACrChB,eAAe,CAACiB,mBAAmB,CACxC,CAAC;IAEN,KAAK,UAAU;MAAE;QACf,MAAM;UAAEC,KAAK,GAAGrB,WAAW;UAAE,GAAGsB;QAAc,CAAC,GAC7CnB,eAAe,CAACiB,mBAAmB,IAAI,CAAC,CAAC;QAC3C,oBACE5B,KAAA,CAAAkB,aAAA,CAACd,aAAa,EAAAoB,QAAA;UACZZ,KAAK,EAAEA,KAAM;UACbU,QAAQ,EAAEA,QAAS;UACnBO,KAAK,EAAEA,KAAM;UACbF,WAAW,EAAEhB,eAAe,CAACgB;QAAY,GACrCG,aAAa,CAClB,CAAC;MAEN;IACA,KAAK,iBAAiB;MACpB,oBACE9B,KAAA,CAAAkB,aAAA,CAACf,mBAAmB,EAAAqB,QAAA;QAClBC,EAAE,EAAEd,eAAe,CAACQ,QAAS;QAC7BQ,WAAW,EAAEhB,eAAe,CAACgB;QAC7B;QAAA;QACAf,KAAK,EAAEA,KAAK,YAAYmB,IAAI,GAAGnB,KAAK,GAAG,IAAK;QAC5CU,QAAQ,EAAEA;MAAS,GACfX,eAAe,CAACiB,mBAAmB,CACxC,CAAC;IAEN,KAAK,eAAe;MAAE;QACpB,MAAM;UAAEI,OAAO,GAAGvB,aAAa;UAAE,GAAGwB;QAAW,CAAC,GAC9CtB,eAAe,CAACiB,mBAAmB,IAAI,CAAC,CAAC;QAC3C,oBACE5B,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,EAAAmB,QAAA;UAChBC,EAAE,EAAEd,eAAe,CAACQ,QAAS;UAC7BP,KAAK,EAAEA,KAAM;UACbU,QAAQ,EAAEA,QAAS;UACnBU,OAAO,EAAEA;QAAQ,GACbC,UAAU,CACf,CAAC;MAEN;IACA,KAAK,cAAc;IACnB,KAAK,aAAa;IAClB,KAAK,YAAY;IACjB,KAAK,QAAQ;MACX,oBAAOjC,KAAA,CAAAkB,aAAA,cAAK,0BAAwB,EAACP,eAAe,CAACY,cAChD,CAAC;IACR;MACE,OAAOW,+BAA+B,CAACvB,eAAe,CAAC;EAC3D;AACF;AAEA,SAASuB,+BAA+BA,CAACtB,KAAY,EAAS;EAC5D,MAAM,IAAIuB,KAAK,CAAC,8BAA8BT,MAAM,CAACd,KAAK,CAAC,EAAE,CAAC;AAChE","ignoreList":[]}

package/build/esm/action-form/fields/RadioButtonsField.js

@@ -0,0 +1,57 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { memo, useCallback, useMemo } from "react";
+import { typedReactMemo } from "../../shared/typedMemo.js";
+import styles from "./RadioButtonsField.module.css";
+export const RadioButtonsField = typedReactMemo(function ({
+  id,
+  value,
+  onChange,
+  options
+}) {
+  const selectedLabel = useMemo(() => value != null ? options.find(opt => opt.value === value)?.label : undefined, [options, value]);
+  const handleValueChange = useCallback(nextLabel => {
+    const match = options.find(opt => opt.label === nextLabel);
+    onChange?.(match?.value ?? null);
+  }, [options, onChange]);
+  return /*#__PURE__*/React.createElement(RadioGroup, {
+    id: id,
+    className: styles.osdkRadioGroup,
+    value: selectedLabel,
+    onValueChange: handleValueChange
+  }, options.map(option => /*#__PURE__*/React.createElement(RadioItem, {
+    key: option.label,
+    option: option
+  })));
+});
+const RadioItem = /*#__PURE__*/memo(function ({
+  option
+}) {
+  return /*#__PURE__*/React.createElement("label", {
+    className: styles.osdkRadioItem
+  }, /*#__PURE__*/React.createElement(Radio.Root, {
+    value: option.label,
+    className: styles.osdkRadioRoot
+  }, /*#__PURE__*/React.createElement(Radio.Indicator, {
+    className: styles.osdkRadioIndicator
+  })), /*#__PURE__*/React.createElement("span", {
+    className: styles.osdkRadioLabel
+  }, option.label));
+});
+//# sourceMappingURL=RadioButtonsField.js.map

package/build/esm/action-form/fields/RadioButtonsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonsField.js","names":["Radio","RadioGroup","memo","useCallback","useMemo","typedReactMemo","styles","RadioButtonsField","id","value","onChange","options","selectedLabel","find","opt","label","undefined","handleValueChange","nextLabel","match","React","createElement","className","osdkRadioGroup","onValueChange","map","option","RadioItem","key","osdkRadioItem","Root","osdkRadioRoot","Indicator","osdkRadioIndicator","osdkRadioLabel"],"sources":["RadioButtonsField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Radio } from \"@base-ui/react/radio\";\nimport { RadioGroup } from \"@base-ui/react/radio-group\";\nimport { memo, type ReactElement, useCallback, useMemo } from \"react\";\nimport { typedReactMemo } from \"../../shared/typedMemo.js\";\nimport type { Option, RadioButtonsFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./RadioButtonsField.module.css\";\n\nexport const RadioButtonsField: <V>(\n  props: RadioButtonsFieldProps<V>,\n) => ReactElement = typedReactMemo(function RadioButtonsFieldFn<V,>({\n  id,\n  value,\n  onChange,\n  options,\n}: RadioButtonsFieldProps<V>): ReactElement {\n  const selectedLabel = useMemo(\n    () =>\n      value != null\n        ? options.find((opt) => opt.value === value)?.label\n        : undefined,\n    [options, value],\n  );\n\n  const handleValueChange = useCallback(\n    (nextLabel: unknown) => {\n      const match = options.find((opt) => opt.label === nextLabel);\n      onChange?.(match?.value ?? null);\n    },\n    [options, onChange],\n  );\n\n  return (\n    <RadioGroup\n      id={id}\n      className={styles.osdkRadioGroup}\n      value={selectedLabel}\n      onValueChange={handleValueChange}\n    >\n      {options.map((option) => (\n        <RadioItem key={option.label} option={option} />\n      ))}\n    </RadioGroup>\n  );\n});\n\nconst RadioItem = memo(function RadioItemFn({\n  option,\n}: {\n  option: Option<unknown>;\n}): ReactElement {\n  return (\n    <label className={styles.osdkRadioItem}>\n      <Radio.Root value={option.label} className={styles.osdkRadioRoot}>\n        <Radio.Indicator className={styles.osdkRadioIndicator} />\n      </Radio.Root>\n      <span className={styles.osdkRadioLabel}>{option.label}</span>\n    </label>\n  );\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,sBAAsB;AAC5C,SAASC,UAAU,QAAQ,4BAA4B;AACvD,SAASC,IAAI,EAAqBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACrE,SAASC,cAAc,QAAQ,2BAA2B;AAE1D,OAAOC,MAAM,MAAM,gCAAgC;AAEnD,OAAO,MAAMC,iBAEI,GAAGF,cAAc,CAAC,UAAiC;EAClEG,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC;AACyB,CAAC,EAAgB;EAC1C,MAAMC,aAAa,GAAGR,OAAO,CAC3B,MACEK,KAAK,IAAI,IAAI,GACTE,OAAO,CAACE,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACL,KAAK,KAAKA,KAAK,CAAC,EAAEM,KAAK,GACjDC,SAAS,EACf,CAACL,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,MAAMQ,iBAAiB,GAAGd,WAAW,CAClCe,SAAkB,IAAK;IACtB,MAAMC,KAAK,GAAGR,OAAO,CAACE,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,KAAK,KAAKG,SAAS,CAAC;IAC5DR,QAAQ,GAAGS,KAAK,EAAEV,KAAK,IAAI,IAAI,CAAC;EAClC,CAAC,EACD,CAACE,OAAO,EAAED,QAAQ,CACpB,CAAC;EAED,oBACEU,KAAA,CAAAC,aAAA,CAACpB,UAAU;IACTO,EAAE,EAAEA,EAAG;IACPc,SAAS,EAAEhB,MAAM,CAACiB,cAAe;IACjCd,KAAK,EAAEG,aAAc;IACrBY,aAAa,EAAEP;EAAkB,GAEhCN,OAAO,CAACc,GAAG,CAAEC,MAAM,iBAClBN,KAAA,CAAAC,aAAA,CAACM,SAAS;IAACC,GAAG,EAAEF,MAAM,CAACX,KAAM;IAACW,MAAM,EAAEA;EAAO,CAAE,CAChD,CACS,CAAC;AAEjB,CAAC,CAAC;AAEF,MAAMC,SAAS,gBAAGzB,IAAI,CAAC,UAAqB;EAC1CwB;AAGF,CAAC,EAAgB;EACf,oBACEN,KAAA,CAAAC,aAAA;IAAOC,SAAS,EAAEhB,MAAM,CAACuB;EAAc,gBACrCT,KAAA,CAAAC,aAAA,CAACrB,KAAK,CAAC8B,IAAI;IAACrB,KAAK,EAAEiB,MAAM,CAACX,KAAM;IAACO,SAAS,EAAEhB,MAAM,CAACyB;EAAc,gBAC/DX,KAAA,CAAAC,aAAA,CAACrB,KAAK,CAACgC,SAAS;IAACV,SAAS,EAAEhB,MAAM,CAAC2B;EAAmB,CAAE,CAC9C,CAAC,eACbb,KAAA,CAAAC,aAAA;IAAMC,SAAS,EAAEhB,MAAM,CAAC4B;EAAe,GAAER,MAAM,CAACX,KAAY,CACvD,CAAC;AAEZ,CAAC,CAAC","ignoreList":[]}

package/build/esm/action-form/fields/RadioButtonsField.module.css

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.osdkRadioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-radio-gap);
+}
+
+.osdkRadioItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-radio-item-gap);
+}
+
+.osdkRadioRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--osdk-radio-size);
+  height: var(--osdk-radio-size);
+  border-radius: 50%;
+  border: var(--osdk-radio-border);
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &[data-unchecked] {
+    background-color: var(--osdk-radio-bg);
+
+    &:hover {
+      background-color: var(--osdk-radio-bg-hover);
+    }
+  }
+
+  &[data-checked] {
+    background-color: var(--osdk-radio-bg-checked);
+
+    &:hover {
+      background-color: var(--osdk-radio-bg-checked-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-radio-bg-checked-active);
+    }
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
+  }
+}
+
+.osdkRadioIndicator {
+  width: var(--osdk-radio-indicator-size);
+  height: var(--osdk-radio-indicator-size);
+  border-radius: 50%;
+  background-color: var(--osdk-radio-indicator-color);
+
+  &[data-unchecked] {
+    display: none;
+  }
+}
+
+.osdkRadioLabel {
+  font-family: var(--osdk-typography-font-family);
+  font-size: var(--osdk-typography-font-size-default);
+  line-height: var(--osdk-typography-line-height-default);
+  color: var(--osdk-typography-color-default);
+  cursor: pointer;
+}