@osdk/react-components 0.2.0-beta.28 → 0.2.0-beta.29

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @osdk/react-components
 
+## 0.2.0-beta.29
+
+### Minor Changes
+
+- 4ad9b36: Add NumberInputField component
+- d6c2c8b: Fix FilterList styling
+- d6c2c8b: Fix FilterList dropdown
+
 ## 0.2.0-beta.28
 
 ### Minor Changes

package/build/browser/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 (value, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps: Omit<\n    FormFieldPropsByType[\n      ValidFormFieldForPropertyType<\n        FieldDescriptorType<Q, K>\n      >\n    ],\n    \"value\" | \"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":[]}
+{"version":3,"file":"FormFieldApi.js","names":[],"sources":["FormFieldApi.ts"],"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 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   */\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 (value, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps: Omit<\n    FormFieldPropsByType[\n      ValidFormFieldForPropertyType<\n        FieldDescriptorType<Q, K>\n      >\n    ],\n    \"value\" | \"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 BaseFormFieldProps<number> {\n  /**\n   * Minimum allowed value.\n   */\n  min?: number;\n\n  /**\n   * Maximum allowed value.\n   */\n  max?: number;\n\n  /**\n   * Step increment for the input. Used by the stepper buttons and ArrowUp/ArrowDown keyboard stepping.\n   *\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * Placeholder text shown when the input is empty.\n   */\n  placeholder?: string;\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/browser/action-form/fields/FormFieldRenderer.js

@@ -20,6 +20,7 @@ import { FormField } from "../FormField.js";
 import { CustomField } from "./CustomField.js";
 import { DatetimePickerField } from "./DatetimePickerField.js";
 import { DropdownField } from "./DropdownField.js";
+import { NumberInputField } from "./NumberInputField.js";
 import { RadioButtonsField } from "./RadioButtonsField.js";
 import { TextAreaField } from "./TextAreaField.js";
 import { TextInputField } from "./TextInputField.js";
@@ -87,6 +88,13 @@ function renderFieldComponent(fieldDefinition, value, onChange) {
         onChange: onChange
       }, fieldDefinition.fieldComponentProps));
     case "NUMBER_INPUT":
+      // TODO: Use coerceFieldValue
+      return /*#__PURE__*/React.createElement(NumberInputField, _extends({
+        id: fieldDefinition.fieldKey,
+        value: typeof value === "number" ? value : null,
+        onChange: onChange,
+        placeholder: fieldDefinition.placeholder
+      }, fieldDefinition.fieldComponentProps));
     case "FILE_PICKER":
     case "OBJECT_SET":
       return /*#__PURE__*/React.createElement("div", null, "Unsupported field type: ", fieldDefinition.fieldComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","CustomField","DatetimePickerField","DropdownField","RadioButtonsField","TextAreaField","TextInputField","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","Date","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 { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.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\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      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\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      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n    case \"FILE_PICKER\":\n    case \"OBJECT_SET\":\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":"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","ignoreList":[]}
+{"version":3,"file":"FormFieldRenderer.js","names":["React","memo","FormField","CustomField","DatetimePickerField","DropdownField","NumberInputField","RadioButtonsField","TextAreaField","TextInputField","FormFieldRenderer","fieldDefinition","value","onFieldValueChange","label","isRequired","helperText","helperTextPlacement","createElement","fieldKey","undefined","renderFieldComponent","onChange","fieldComponent","_extends","id","String","placeholder","fieldComponentProps","Date","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 { RendererFieldDefinition } from \"../FormFieldApi.js\";\nimport { CustomField } from \"./CustomField.js\";\nimport { DatetimePickerField } from \"./DatetimePickerField.js\";\nimport { DropdownField } from \"./DropdownField.js\";\nimport { NumberInputField } from \"./NumberInputField.js\";\nimport { RadioButtonsField } from \"./RadioButtonsField.js\";\nimport { TextAreaField } from \"./TextAreaField.js\";\nimport { TextInputField } from \"./TextInputField.js\";\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      return (\n        <DropdownField\n          value={value}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\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      return (\n        <RadioButtonsField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"CUSTOM\":\n      return (\n        <CustomField\n          id={fieldDefinition.fieldKey}\n          value={value}\n          onChange={onChange}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"NUMBER_INPUT\":\n      // TODO: Use coerceFieldValue\n      return (\n        <NumberInputField\n          id={fieldDefinition.fieldKey}\n          value={typeof value === \"number\" ? value : null}\n          onChange={onChange}\n          placeholder={fieldDefinition.placeholder}\n          {...fieldDefinition.fieldComponentProps}\n        />\n      );\n    case \"FILE_PICKER\":\n    case \"OBJECT_SET\":\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":"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","ignoreList":[]}

package/build/browser/action-form/fields/NumberInputField.js

@@ -0,0 +1,130 @@
+/*
+ * 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 { Button } from "@base-ui/react/button";
+import { Input } from "@base-ui/react/input";
+import { ChevronDown, ChevronUp } from "@blueprintjs/icons";
+import React, { useCallback, useRef, useState } from "react";
+import styles from "./NumberInputField.module.css.js";
+
+/**
+ * Structural regex for valid numeric input.
+ *
+ * Allows intermediate typing states that will become valid numbers:
+ * ""  — user cleared the field (all groups are optional)
+ * "-" — user started typing a negative number
+ * "." — user started typing a decimal like ".5"
+ * "+" — user started typing an explicitly positive number
+ * "1.", "1e", "1e+" — partial but structurally valid
+ *
+ * Rejects obviously invalid strings like "1.2.3" or "+-5".
+ */
+const VALID_NUMERIC_REGEX = /^[+-.]?(\d+\.?\d*|\d*\.?\d+)?([eE][+-]?\d*)?$/;
+const DEFAULT_STEP = 1;
+const CHEVRON_SIZE = 12;
+
+// TODO: Add min/max validation so the field can surface
+// out-of-range errors through the form validation system.
+export function NumberInputField({
+  id,
+  value,
+  onChange,
+  placeholder,
+  min: _min,
+  max: _max,
+  step
+}) {
+  const [displayValue, setDisplayValue] = useState(() => formatNumberForDisplay(value));
+  const prevValueRef = useRef(value);
+
+  // Sync external value → internal display string
+  if (prevValueRef.current !== value) {
+    prevValueRef.current = value;
+    const currentParsed = parseNumericValue(displayValue);
+    if (value !== currentParsed) {
+      setDisplayValue(formatNumberForDisplay(value));
+    }
+  }
+  const handleValueChange = useCallback(newValue => {
+    if (!isValidInput(newValue)) {
+      return;
+    }
+    setDisplayValue(newValue);
+    onChange?.(parseNumericValue(newValue));
+  }, [onChange]);
+  const applyStep = useCallback(direction => {
+    const current = parseNumericValue(displayValue) ?? 0;
+    const next = current + direction * (step ?? DEFAULT_STEP);
+    const formatted = formatNumberForDisplay(next);
+    setDisplayValue(formatted);
+    onChange?.(next);
+  }, [displayValue, onChange, step]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown") {
+      return;
+    }
+    e.preventDefault();
+    applyStep(e.key === "ArrowUp" ? 1 : -1);
+  }, [applyStep]);
+  const handleStepUp = useCallback(() => {
+    applyStep(1);
+  }, [applyStep]);
+  const handleStepDown = useCallback(() => {
+    applyStep(-1);
+  }, [applyStep]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkNumberInputWrapper
+  }, /*#__PURE__*/React.createElement(Input, {
+    id: id,
+    className: styles.osdkNumberInputField,
+    type: "text",
+    inputMode: "decimal",
+    value: displayValue,
+    onValueChange: handleValueChange,
+    onKeyDown: handleKeyDown,
+    placeholder: placeholder
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkNumberInputStepper
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.osdkNumberInputStepButton,
+    "aria-label": "Increment",
+    tabIndex: -1,
+    onClick: handleStepUp
+  }, /*#__PURE__*/React.createElement(ChevronUp, {
+    size: CHEVRON_SIZE
+  })), /*#__PURE__*/React.createElement(Button, {
+    className: styles.osdkNumberInputStepButton,
+    "aria-label": "Decrement",
+    tabIndex: -1,
+    onClick: handleStepDown
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    size: CHEVRON_SIZE
+  }))));
+}
+function isValidInput(text) {
+  return VALID_NUMERIC_REGEX.test(text);
+}
+function parseNumericValue(text) {
+  if (text === "") {
+    return null;
+  }
+  const parsed = Number(text);
+  return Number.isNaN(parsed) ? null : parsed;
+}
+function formatNumberForDisplay(value) {
+  return value != null ? String(value) : "";
+}
+//# sourceMappingURL=NumberInputField.js.map

package/build/browser/action-form/fields/NumberInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputField.js","names":["Button","Input","ChevronDown","ChevronUp","React","useCallback","useRef","useState","styles","VALID_NUMERIC_REGEX","DEFAULT_STEP","CHEVRON_SIZE","NumberInputField","id","value","onChange","placeholder","min","_min","max","_max","step","displayValue","setDisplayValue","formatNumberForDisplay","prevValueRef","current","currentParsed","parseNumericValue","handleValueChange","newValue","isValidInput","applyStep","direction","next","formatted","handleKeyDown","e","key","preventDefault","handleStepUp","handleStepDown","createElement","className","osdkNumberInputWrapper","osdkNumberInputField","type","inputMode","onValueChange","onKeyDown","osdkNumberInputStepper","osdkNumberInputStepButton","tabIndex","onClick","size","text","test","parsed","Number","isNaN","String"],"sources":["NumberInputField.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 { Button } from \"@base-ui/react/button\";\nimport { Input } from \"@base-ui/react/input\";\nimport { ChevronDown, ChevronUp } from \"@blueprintjs/icons\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport type { NumberInputFieldProps } from \"../FormFieldApi.js\";\nimport styles from \"./NumberInputField.module.css\";\n\n/**\n * Structural regex for valid numeric input.\n *\n * Allows intermediate typing states that will become valid numbers:\n * \"\"  — user cleared the field (all groups are optional)\n * \"-\" — user started typing a negative number\n * \".\" — user started typing a decimal like \".5\"\n * \"+\" — user started typing an explicitly positive number\n * \"1.\", \"1e\", \"1e+\" — partial but structurally valid\n *\n * Rejects obviously invalid strings like \"1.2.3\" or \"+-5\".\n */\nconst VALID_NUMERIC_REGEX = /^[+-.]?(\\d+\\.?\\d*|\\d*\\.?\\d+)?([eE][+-]?\\d*)?$/;\n\nconst DEFAULT_STEP = 1;\nconst CHEVRON_SIZE = 12;\n\n// TODO: Add min/max validation so the field can surface\n// out-of-range errors through the form validation system.\nexport function NumberInputField({\n  id,\n  value,\n  onChange,\n  placeholder,\n  min: _min,\n  max: _max,\n  step,\n}: NumberInputFieldProps): React.ReactElement {\n  const [displayValue, setDisplayValue] = useState<string>(() =>\n    formatNumberForDisplay(value)\n  );\n\n  const prevValueRef = useRef(value);\n\n  // Sync external value → internal display string\n  if (prevValueRef.current !== value) {\n    prevValueRef.current = value;\n    const currentParsed = parseNumericValue(displayValue);\n\n    if (value !== currentParsed) {\n      setDisplayValue(formatNumberForDisplay(value));\n    }\n  }\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      if (!isValidInput(newValue)) {\n        return;\n      }\n\n      setDisplayValue(newValue);\n      onChange?.(parseNumericValue(newValue));\n    },\n    [onChange],\n  );\n\n  const applyStep = useCallback(\n    (direction: 1 | -1) => {\n      const current = parseNumericValue(displayValue) ?? 0;\n      const delta = direction * (step ?? DEFAULT_STEP);\n      const next = current + delta;\n      const formatted = formatNumberForDisplay(next);\n      setDisplayValue(formatted);\n      onChange?.(next);\n    },\n    [displayValue, onChange, step],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key !== \"ArrowUp\" && e.key !== \"ArrowDown\") {\n        return;\n      }\n      e.preventDefault();\n      applyStep(e.key === \"ArrowUp\" ? 1 : -1);\n    },\n    [applyStep],\n  );\n\n  const handleStepUp = useCallback(() => {\n    applyStep(1);\n  }, [applyStep]);\n\n  const handleStepDown = useCallback(() => {\n    applyStep(-1);\n  }, [applyStep]);\n\n  return (\n    <div className={styles.osdkNumberInputWrapper}>\n      <Input\n        id={id}\n        className={styles.osdkNumberInputField}\n        type=\"text\"\n        inputMode=\"decimal\"\n        value={displayValue}\n        onValueChange={handleValueChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n      />\n      <div className={styles.osdkNumberInputStepper}>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Increment\"\n          tabIndex={-1}\n          onClick={handleStepUp}\n        >\n          <ChevronUp size={CHEVRON_SIZE} />\n        </Button>\n        <Button\n          className={styles.osdkNumberInputStepButton}\n          aria-label=\"Decrement\"\n          tabIndex={-1}\n          onClick={handleStepDown}\n        >\n          <ChevronDown size={CHEVRON_SIZE} />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction isValidInput(text: string): boolean {\n  return VALID_NUMERIC_REGEX.test(text);\n}\n\nfunction parseNumericValue(text: string): number | null {\n  if (text === \"\") {\n    return null;\n  }\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? null : parsed;\n}\n\nfunction formatNumberForDisplay(value: number | null): string {\n  return value != null ? String(value) : \"\";\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,sBAAsB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,oBAAoB;AAC3D,OAAOC,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE5D,OAAOC,MAAM,MAAM,+BAA+B;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAG,+CAA+C;AAE3E,MAAMC,YAAY,GAAG,CAAC;AACtB,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,GAAG,EAAEC,IAAI;EACTC,GAAG,EAAEC,IAAI;EACTC;AACqB,CAAC,EAAsB;EAC5C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGhB,QAAQ,CAAS,MACvDiB,sBAAsB,CAACV,KAAK,CAC9B,CAAC;EAED,MAAMW,YAAY,GAAGnB,MAAM,CAACQ,KAAK,CAAC;;EAElC;EACA,IAAIW,YAAY,CAACC,OAAO,KAAKZ,KAAK,EAAE;IAClCW,YAAY,CAACC,OAAO,GAAGZ,KAAK;IAC5B,MAAMa,aAAa,GAAGC,iBAAiB,CAACN,YAAY,CAAC;IAErD,IAAIR,KAAK,KAAKa,aAAa,EAAE;MAC3BJ,eAAe,CAACC,sBAAsB,CAACV,KAAK,CAAC,CAAC;IAChD;EACF;EAEA,MAAMe,iBAAiB,GAAGxB,WAAW,CAClCyB,QAAgB,IAAK;IACpB,IAAI,CAACC,YAAY,CAACD,QAAQ,CAAC,EAAE;MAC3B;IACF;IAEAP,eAAe,CAACO,QAAQ,CAAC;IACzBf,QAAQ,GAAGa,iBAAiB,CAACE,QAAQ,CAAC,CAAC;EACzC,CAAC,EACD,CAACf,QAAQ,CACX,CAAC;EAED,MAAMiB,SAAS,GAAG3B,WAAW,CAC1B4B,SAAiB,IAAK;IACrB,MAAMP,OAAO,GAAGE,iBAAiB,CAACN,YAAY,CAAC,IAAI,CAAC;IAEpD,MAAMY,IAAI,GAAGR,OAAO,GADNO,SAAS,IAAIZ,IAAI,IAAIX,YAAY,CACnB;IAC5B,MAAMyB,SAAS,GAAGX,sBAAsB,CAACU,IAAI,CAAC;IAC9CX,eAAe,CAACY,SAAS,CAAC;IAC1BpB,QAAQ,GAAGmB,IAAI,CAAC;EAClB,CAAC,EACD,CAACZ,YAAY,EAAEP,QAAQ,EAAEM,IAAI,CAC/B,CAAC;EAED,MAAMe,aAAa,GAAG/B,WAAW,CAC9BgC,CAAwC,IAAK;IAC5C,IAAIA,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,WAAW,EAAE;MAChD;IACF;IACAD,CAAC,CAACE,cAAc,CAAC,CAAC;IAClBP,SAAS,CAACK,CAAC,CAACC,GAAG,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EACzC,CAAC,EACD,CAACN,SAAS,CACZ,CAAC;EAED,MAAMQ,YAAY,GAAGnC,WAAW,CAAC,MAAM;IACrC2B,SAAS,CAAC,CAAC,CAAC;EACd,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMS,cAAc,GAAGpC,WAAW,CAAC,MAAM;IACvC2B,SAAS,CAAC,CAAC,CAAC,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE5B,KAAA,CAAAsC,aAAA;IAAKC,SAAS,EAAEnC,MAAM,CAACoC;EAAuB,gBAC5CxC,KAAA,CAAAsC,aAAA,CAACzC,KAAK;IACJY,EAAE,EAAEA,EAAG;IACP8B,SAAS,EAAEnC,MAAM,CAACqC,oBAAqB;IACvCC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAC,SAAS;IACnBjC,KAAK,EAAEQ,YAAa;IACpB0B,aAAa,EAAEnB,iBAAkB;IACjCoB,SAAS,EAAEb,aAAc;IACzBpB,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFZ,KAAA,CAAAsC,aAAA;IAAKC,SAAS,EAAEnC,MAAM,CAAC0C;EAAuB,gBAC5C9C,KAAA,CAAAsC,aAAA,CAAC1C,MAAM;IACL2C,SAAS,EAAEnC,MAAM,CAAC2C,yBAA0B;IAC5C,cAAW,WAAW;IACtBC,QAAQ,EAAE,CAAC,CAAE;IACbC,OAAO,EAAEb;EAAa,gBAEtBpC,KAAA,CAAAsC,aAAA,CAACvC,SAAS;IAACmD,IAAI,EAAE3C;EAAa,CAAE,CAC1B,CAAC,eACTP,KAAA,CAAAsC,aAAA,CAAC1C,MAAM;IACL2C,SAAS,EAAEnC,MAAM,CAAC2C,yBAA0B;IAC5C,cAAW,WAAW;IACtBC,QAAQ,EAAE,CAAC,CAAE;IACbC,OAAO,EAAEZ;EAAe,gBAExBrC,KAAA,CAAAsC,aAAA,CAACxC,WAAW;IAACoD,IAAI,EAAE3C;EAAa,CAAE,CAC5B,CACL,CACF,CAAC;AAEV;AAEA,SAASoB,YAAYA,CAACwB,IAAY,EAAW;EAC3C,OAAO9C,mBAAmB,CAAC+C,IAAI,CAACD,IAAI,CAAC;AACvC;AAEA,SAAS3B,iBAAiBA,CAAC2B,IAAY,EAAiB;EACtD,IAAIA,IAAI,KAAK,EAAE,EAAE;IACf,OAAO,IAAI;EACb;EACA,MAAME,MAAM,GAAGC,MAAM,CAACH,IAAI,CAAC;EAC3B,OAAOG,MAAM,CAACC,KAAK,CAACF,MAAM,CAAC,GAAG,IAAI,GAAGA,MAAM;AAC7C;AAEA,SAASjC,sBAAsBA,CAACV,KAAoB,EAAU;EAC5D,OAAOA,KAAK,IAAI,IAAI,GAAG8C,MAAM,CAAC9C,KAAK,CAAC,GAAG,EAAE;AAC3C","ignoreList":[]}

package/build/browser/action-form/fields/NumberInputField.module.css

@@ -0,0 +1,96 @@
+/*
+ * 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.
+ */
+
+.osdkNumberInputWrapper {
+  display: flex;
+  border-radius: var(--osdk-input-border-radius);
+  border: var(--osdk-input-border-width) solid var(--osdk-input-border-color);
+  background-color: var(--osdk-input-bg);
+  transition:
+    background-color var(--osdk-input-transition-duration)
+      var(--osdk-input-transition-ease),
+    border-color var(--osdk-input-transition-duration)
+      var(--osdk-input-transition-ease);
+
+  &:hover {
+    background-color: var(--osdk-input-bg-hover);
+  }
+
+  &:focus-within {
+    outline: var(--osdk-input-focus-width) solid var(--osdk-input-focus-color);
+    outline-offset: var(--osdk-input-focus-offset);
+    border-color: var(--osdk-input-border-color-focus);
+  }
+}
+
+.osdkNumberInputField {
+  flex: 1;
+  min-width: 0;
+  min-height: var(--osdk-input-min-height);
+  padding: var(--osdk-input-padding);
+  border: none;
+  border-radius: var(--osdk-input-border-radius) 0 0
+    var(--osdk-input-border-radius);
+  background: transparent;
+  color: var(--osdk-input-color);
+  font-family: var(--osdk-input-font-family);
+  font-size: var(--osdk-input-font-size);
+  line-height: var(
+    --osdk-input-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+
+  &::placeholder {
+    color: var(--osdk-input-placeholder-color);
+  }
+
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+.osdkNumberInputStepper {
+  display: flex;
+  flex-direction: column;
+  border-left: var(--osdk-input-border-width) solid
+    var(--osdk-input-border-color);
+}
+
+.osdkNumberInputStepButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 0 calc(var(--osdk-surface-spacing) * 1.5);
+  border: none;
+  background: transparent;
+  color: var(--osdk-input-color);
+  cursor: pointer;
+  line-height: 0;
+
+  &:hover {
+    background-color: var(--osdk-input-bg-hover);
+  }
+
+  &:active {
+    background-color: var(--osdk-input-border-color);
+  }
+
+  & + & {
+    border-top: var(--osdk-input-border-width) solid
+      var(--osdk-input-border-color);
+  }
+}

package/build/browser/action-form/fields/NumberInputField.module.css.js

@@ -0,0 +1,9 @@
+// CSS Module proxy for NumberInputField.module.css
+const styles = {
+  "osdkNumberInputWrapper": "NumberInputField-module__osdkNumberInputWrapper___PBHjZuTx",
+  "osdkNumberInputField": "NumberInputField-module__osdkNumberInputField___OM0FqPcU",
+  "osdkNumberInputStepper": "NumberInputField-module__osdkNumberInputStepper___b-Wz8qtc",
+  "osdkNumberInputStepButton": "NumberInputField-module__osdkNumberInputStepButton___QtDrvQJL"
+};
+
+export default styles;

package/build/browser/base-components/checkbox/Checkbox.module.css

@@ -56,7 +56,15 @@
   }
 
   &[data-excluding][data-checked] {
-    background-color: var(--osdk-checkbox-bg-hover);
+    background-color: var(--osdk-checkbox-bg-checked);
+
+    &:hover {
+      background-color: var(--osdk-checkbox-bg-checked-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-checkbox-bg-checked-active);
+    }
   }
 
   &:focus-visible {

package/build/browser/base-components/combobox/Combobox.js

@@ -16,7 +16,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  */
 
 import { Combobox as BaseUICombobox } from "@base-ui/react/combobox";
-import { Cross, Search } from "@blueprintjs/icons";
+import { Cross, Search, Tick } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React from "react";
 import styles from "./Combobox.module.css.js";
@@ -122,6 +122,18 @@ function ComboboxList({
     className: classnames(styles.osdkComboboxList, className)
   }, rest), children);
 }
+function ComboboxItemIndicator({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.ItemIndicator, _extends({
+    className: classnames(styles.osdkComboboxItemIndicator, className),
+    keepMounted: true
+  }, rest), children ?? /*#__PURE__*/React.createElement(Tick, {
+    size: 16
+  }));
+}
 export const Combobox = {
   Root: BaseUICombobox.Root,
   SearchInput: ComboboxSearchInput,
@@ -131,6 +143,7 @@ export const Combobox = {
   Popup: ComboboxPopup,
   List: ComboboxList,
   Item: ComboboxItem,
+  ItemIndicator: ComboboxItemIndicator,
   Chips: ComboboxChips,
   Chip: ComboboxChip,
   ChipRemove: ComboboxChipRemove,

package/build/browser/base-components/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","classnames","React","styles","ComboboxSearchInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","Input","_extends","osdkComboboxInput","ComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","render","props","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","ComboboxList","List","osdkComboboxList","Root","SearchInput","Portal","Value"],"sources":["Combobox.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 {\n  Combobox as BaseUICombobox,\n  type ComboboxChipProps,\n  type ComboboxChipRemoveProps,\n  type ComboboxClearProps,\n  type ComboboxInputProps,\n  type ComboboxItemProps,\n  type ComboboxListProps,\n  type ComboboxPopupProps,\n  type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n  extends Omit<ComboboxInputProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxSearchInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n      <Search className={styles.osdkComboboxSearchIcon} />\n      <BaseUICombobox.Input className={styles.osdkComboboxInput} {...rest} />\n    </div>\n  );\n}\n\nfunction ComboboxInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Input\n      className={classnames(styles.osdkComboboxInput, className)}\n      {...rest}\n    />\n  );\n}\n\ninterface ComboboxPositionerComponentProps\n  extends Omit<ComboboxPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPositioner({\n  className,\n  children,\n  ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Positioner\n      className={classnames(styles.osdkComboboxPositioner, className)}\n      sideOffset={4}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Positioner>\n  );\n}\n\ninterface ComboboxPopupComponentProps\n  extends Omit<ComboboxPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPopup({\n  className,\n  children,\n  ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Popup\n      className={classnames(styles.osdkComboboxPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Popup>\n  );\n}\n\ninterface ComboboxItemComponentProps\n  extends Omit<ComboboxItemProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Item\n      className={classnames(styles.osdkComboboxItem, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Item>\n  );\n}\n\nfunction ComboboxChips({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Chips\n      render={(props) => (\n        <div\n          {...props}\n          className={classnames(styles.osdkComboboxInputWrapper, className)}\n        >\n          {props.children}\n        </div>\n      )}\n    >\n      {children}\n    </BaseUICombobox.Chips>\n  );\n}\n\ninterface ComboboxChipComponentProps\n  extends Omit<ComboboxChipProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Chip\n      className={classnames(styles.osdkComboboxChip, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Chip>\n  );\n}\n\ninterface ComboboxChipRemoveComponentProps\n  extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChipRemove({\n  className,\n  ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.ChipRemove\n      className={classnames(styles.osdkComboboxChipRemove, className)}\n      aria-label=\"Remove\"\n      {...rest}\n    >\n      <Cross />\n    </BaseUICombobox.ChipRemove>\n  );\n}\n\ninterface ComboboxClearComponentProps\n  extends Omit<ComboboxClearProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxClear({\n  className,\n  ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Clear\n      className={classnames(styles.osdkComboboxClear, className)}\n      aria-label=\"Clear all\"\n      {...rest}\n    >\n      <Cross />\n    </BaseUICombobox.Clear>\n  );\n}\n\nfunction ComboboxEmpty({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Empty\n      className={classnames(styles.osdkComboboxEmpty, className)}\n    >\n      {children}\n    </BaseUICombobox.Empty>\n  );\n}\n\ninterface ComboboxListComponentProps\n  extends Omit<ComboboxListProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxList({\n  className,\n  children,\n  ...rest\n}: ComboboxListComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.List\n      className={classnames(styles.osdkComboboxList, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.List>\n  );\n}\n\nexport const Combobox: {\n  Root: typeof BaseUICombobox.Root;\n  SearchInput: typeof ComboboxSearchInput;\n  Input: typeof ComboboxInput;\n  Portal: typeof BaseUICombobox.Portal;\n  Positioner: typeof ComboboxPositioner;\n  Popup: typeof ComboboxPopup;\n  List: typeof ComboboxList;\n  Item: typeof ComboboxItem;\n  Chips: typeof ComboboxChips;\n  Chip: typeof ComboboxChip;\n  ChipRemove: typeof ComboboxChipRemove;\n  Clear: typeof ComboboxClear;\n  Empty: typeof ComboboxEmpty;\n  Value: typeof BaseUICombobox.Value;\n} = {\n  Root: BaseUICombobox.Root,\n  SearchInput: ComboboxSearchInput,\n  Input: ComboboxInput,\n  Portal: BaseUICombobox.Portal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  Chips: ComboboxChips,\n  Chip: ComboboxChip,\n  ChipRemove: ComboboxChipRemove,\n  Clear: ComboboxClear,\n  Empty: ComboboxEmpty,\n  Value: BaseUICombobox.Value,\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,QAAQ,IAAIC,cAAc,QASrB,yBAAyB;AAChC,SAASC,KAAK,EAAEC,MAAM,QAAQ,oBAAoB;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,uBAAuB;AAQ1C,SAASC,mBAAmBA,CAAC;EAC3BC,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA;IAAKF,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACK,wBAAwB,EAAEH,SAAS;EAAE,gBACrEH,KAAA,CAAAK,aAAA,CAACP,MAAM;IAACK,SAAS,EAAEF,MAAM,CAACM;EAAuB,CAAE,CAAC,eACpDP,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACY,KAAK,EAAAC,QAAA;IAACN,SAAS,EAAEF,MAAM,CAACS;EAAkB,GAAKN,IAAI,CAAG,CACnE,CAAC;AAEV;AAEA,SAASO,aAAaA,CAAC;EACrBR,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACY,KAAK,EAAAC,QAAA;IACnBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACS,iBAAiB,EAAEP,SAAS;EAAE,GACvDC,IAAI,CACT,CAAC;AAEN;AAQA,SAASQ,kBAAkBA,CAAC;EAC1BT,SAAS;EACTU,QAAQ;EACR,GAAGT;AAC6B,CAAC,EAAsB;EACvD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACkB,UAAU,EAAAL,QAAA;IACxBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACc,sBAAsB,EAAEZ,SAAS,CAAE;IAChEa,UAAU,EAAE;EAAE,GACVZ,IAAI,GAEPS,QACwB,CAAC;AAEhC;AAQA,SAASI,aAAaA,CAAC;EACrBd,SAAS;EACTU,QAAQ;EACR,GAAGT;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACsB,KAAK,EAAAT,QAAA;IACnBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACkB,iBAAiB,EAAEhB,SAAS;EAAE,GACvDC,IAAI,GAEPS,QACmB,CAAC;AAE3B;AAQA,SAASO,YAAYA,CAAC;EACpBjB,SAAS;EACTU,QAAQ;EACR,GAAGT;AACuB,CAAC,EAAsB;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACyB,IAAI,EAAAZ,QAAA;IAClBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACqB,gBAAgB,EAAEnB,SAAS;EAAE,GACtDC,IAAI,GAEPS,QACkB,CAAC;AAE1B;AAEA,SAASU,aAAaA,CAAC;EACrBV,QAAQ;EACRV;AAIF,CAAC,EAAsB;EACrB,oBACEH,KAAA,CAAAK,aAAA,CAACT,cAAc,CAAC4B,KAAK;IACnBC,MAAM,EAAGC,KAAK,iBACZ1B,KAAA,CAAAK,aAAA,QAAAI,QAAA,KACMiB,KAAK;MACTvB,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACK,wBAAwB,EAAEH,SAAS;IAAE,IAEjEuB,KAAK,CAACb,QACJ;EACL,GAEDA,QACmB,CAAC;AAE3B;AAQA,SAASc,YAAYA,CAAC;EACpBxB,SAAS;EACTU,QAAQ;EACR,GAAGT;AACuB,CAAC,EAAsB;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACgC,IAAI,EAAAnB,QAAA;IAClBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAAC4B,gBAAgB,EAAE1B,SAAS;EAAE,GACtDC,IAAI,GAEPS,QACkB,CAAC;AAE1B;AAQA,SAASiB,kBAAkBA,CAAC;EAC1B3B,SAAS;EACT,GAAGC;AAC6B,CAAC,EAAsB;EACvD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACmC,UAAU,EAAAtB,QAAA;IACxBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAAC+B,sBAAsB,EAAE7B,SAAS,CAAE;IAChE,cAAW;EAAQ,GACfC,IAAI,gBAERJ,KAAA,CAAAK,aAAA,CAACR,KAAK,MAAE,CACiB,CAAC;AAEhC;AAQA,SAASoC,aAAaA,CAAC;EACrB9B,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACsC,KAAK,EAAAzB,QAAA;IACnBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACkC,iBAAiB,EAAEhC,SAAS,CAAE;IAC3D,cAAW;EAAW,GAClBC,IAAI,gBAERJ,KAAA,CAAAK,aAAA,CAACR,KAAK,MAAE,CACY,CAAC;AAE3B;AAEA,SAASuC,aAAaA,CAAC;EACrBvB,QAAQ;EACRV;AAIF,CAAC,EAAsB;EACrB,oBACEH,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACyC,KAAK;IACnBlC,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACqC,iBAAiB,EAAEnC,SAAS;EAAE,GAE1DU,QACmB,CAAC;AAE3B;AAQA,SAAS0B,YAAYA,CAAC;EACpBpC,SAAS;EACTU,QAAQ;EACR,GAAGT;AACuB,CAAC,EAAsB;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAAC4C,IAAI,EAAA/B,QAAA;IAClBN,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACwC,gBAAgB,EAAEtC,SAAS;EAAE,GACtDC,IAAI,GAEPS,QACkB,CAAC;AAE1B;AAEA,OAAO,MAAMlB,QAeZ,GAAG;EACF+C,IAAI,EAAE9C,cAAc,CAAC8C,IAAI;EACzBC,WAAW,EAAEzC,mBAAmB;EAChCM,KAAK,EAAEG,aAAa;EACpBiC,MAAM,EAAEhD,cAAc,CAACgD,MAAM;EAC7B9B,UAAU,EAAEF,kBAAkB;EAC9BM,KAAK,EAAED,aAAa;EACpBuB,IAAI,EAAED,YAAY;EAClBlB,IAAI,EAAED,YAAY;EAClBI,KAAK,EAAED,aAAa;EACpBK,IAAI,EAAED,YAAY;EAClBI,UAAU,EAAED,kBAAkB;EAC9BI,KAAK,EAAED,aAAa;EACpBI,KAAK,EAAED,aAAa;EACpBS,KAAK,EAAEjD,cAAc,CAACiD;AACxB,CAAC","ignoreList":[]}
+{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","Tick","classnames","React","styles","ComboboxSearchInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","Input","_extends","osdkComboboxInput","ComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","render","props","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","ComboboxList","List","osdkComboboxList","ComboboxItemIndicator","ItemIndicator","osdkComboboxItemIndicator","keepMounted","size","Root","SearchInput","Portal","Value"],"sources":["Combobox.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 {\n  Combobox as BaseUICombobox,\n  type ComboboxChipProps,\n  type ComboboxChipRemoveProps,\n  type ComboboxClearProps,\n  type ComboboxInputProps,\n  type ComboboxItemIndicatorProps,\n  type ComboboxItemProps,\n  type ComboboxListProps,\n  type ComboboxPopupProps,\n  type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search, Tick } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n  extends Omit<ComboboxInputProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxSearchInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n      <Search className={styles.osdkComboboxSearchIcon} />\n      <BaseUICombobox.Input className={styles.osdkComboboxInput} {...rest} />\n    </div>\n  );\n}\n\nfunction ComboboxInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Input\n      className={classnames(styles.osdkComboboxInput, className)}\n      {...rest}\n    />\n  );\n}\n\ninterface ComboboxPositionerComponentProps\n  extends Omit<ComboboxPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPositioner({\n  className,\n  children,\n  ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Positioner\n      className={classnames(styles.osdkComboboxPositioner, className)}\n      sideOffset={4}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Positioner>\n  );\n}\n\ninterface ComboboxPopupComponentProps\n  extends Omit<ComboboxPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPopup({\n  className,\n  children,\n  ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Popup\n      className={classnames(styles.osdkComboboxPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Popup>\n  );\n}\n\ninterface ComboboxItemComponentProps\n  extends Omit<ComboboxItemProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Item\n      className={classnames(styles.osdkComboboxItem, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Item>\n  );\n}\n\nfunction ComboboxChips({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Chips\n      render={(props) => (\n        <div\n          {...props}\n          className={classnames(styles.osdkComboboxInputWrapper, className)}\n        >\n          {props.children}\n        </div>\n      )}\n    >\n      {children}\n    </BaseUICombobox.Chips>\n  );\n}\n\ninterface ComboboxChipComponentProps\n  extends Omit<ComboboxChipProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Chip\n      className={classnames(styles.osdkComboboxChip, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Chip>\n  );\n}\n\ninterface ComboboxChipRemoveComponentProps\n  extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChipRemove({\n  className,\n  ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.ChipRemove\n      className={classnames(styles.osdkComboboxChipRemove, className)}\n      aria-label=\"Remove\"\n      {...rest}\n    >\n      <Cross />\n    </BaseUICombobox.ChipRemove>\n  );\n}\n\ninterface ComboboxClearComponentProps\n  extends Omit<ComboboxClearProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxClear({\n  className,\n  ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Clear\n      className={classnames(styles.osdkComboboxClear, className)}\n      aria-label=\"Clear all\"\n      {...rest}\n    >\n      <Cross />\n    </BaseUICombobox.Clear>\n  );\n}\n\nfunction ComboboxEmpty({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Empty\n      className={classnames(styles.osdkComboboxEmpty, className)}\n    >\n      {children}\n    </BaseUICombobox.Empty>\n  );\n}\n\ninterface ComboboxListComponentProps\n  extends Omit<ComboboxListProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxList({\n  className,\n  children,\n  ...rest\n}: ComboboxListComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.List\n      className={classnames(styles.osdkComboboxList, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.List>\n  );\n}\n\ninterface ComboboxItemIndicatorComponentProps\n  extends Omit<ComboboxItemIndicatorProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxItemIndicator({\n  className,\n  children,\n  ...rest\n}: ComboboxItemIndicatorComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.ItemIndicator\n      className={classnames(styles.osdkComboboxItemIndicator, className)}\n      keepMounted={true}\n      {...rest}\n    >\n      {children ?? <Tick size={16} />}\n    </BaseUICombobox.ItemIndicator>\n  );\n}\n\nexport const Combobox: {\n  Root: typeof BaseUICombobox.Root;\n  SearchInput: typeof ComboboxSearchInput;\n  Input: typeof ComboboxInput;\n  Portal: typeof BaseUICombobox.Portal;\n  Positioner: typeof ComboboxPositioner;\n  Popup: typeof ComboboxPopup;\n  List: typeof ComboboxList;\n  Item: typeof ComboboxItem;\n  ItemIndicator: typeof ComboboxItemIndicator;\n  Chips: typeof ComboboxChips;\n  Chip: typeof ComboboxChip;\n  ChipRemove: typeof ComboboxChipRemove;\n  Clear: typeof ComboboxClear;\n  Empty: typeof ComboboxEmpty;\n  Value: typeof BaseUICombobox.Value;\n} = {\n  Root: BaseUICombobox.Root,\n  SearchInput: ComboboxSearchInput,\n  Input: ComboboxInput,\n  Portal: BaseUICombobox.Portal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Chips: ComboboxChips,\n  Chip: ComboboxChip,\n  ChipRemove: ComboboxChipRemove,\n  Clear: ComboboxClear,\n  Empty: ComboboxEmpty,\n  Value: BaseUICombobox.Value,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/browser/base-components/combobox/Combobox.module.css

@@ -89,12 +89,7 @@
       --osdk-combobox-focus-border-color,
       var(--osdk-intent-primary-rest)
     );
-    outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width))
-      solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var(
-      --osdk-combobox-focus-offset,
-      var(--osdk-emphasis-focus-offset)
-    );
+    outline: none;
   }
 
   .osdkComboboxInputWrapper & {
@@ -165,6 +160,7 @@
 .osdkComboboxItem {
   display: flex;
   align-items: center;
+  gap: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5);
   padding: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 1.5)
     calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 2);
   border-radius: var(
@@ -220,6 +216,20 @@
   }
 }
 
+.osdkComboboxItemIndicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(var(--osdk-combobox-spacing, var(--osdk-surface-spacing)) * 4);
+  flex-shrink: 0;
+  color: var(--osdk-combobox-item-color-selected, var(--osdk-intent-primary-rest));
+  visibility: hidden;
+
+  &[data-selected] {
+    visibility: visible;
+  }
+}
+
 .osdkComboboxChips {
   display: flex;
   flex-wrap: wrap;

package/build/browser/base-components/combobox/Combobox.module.css.js

@@ -6,6 +6,7 @@ const styles = {
   "osdkComboboxPositioner": "Combobox-module__osdkComboboxPositioner___hKb8oXuo",
   "osdkComboboxPopup": "Combobox-module__osdkComboboxPopup___J-p7AW55",
   "osdkComboboxItem": "Combobox-module__osdkComboboxItem___aw0l3CKj",
+  "osdkComboboxItemIndicator": "Combobox-module__osdkComboboxItemIndicator___ES80Zdrm",
   "osdkComboboxChips": "Combobox-module__osdkComboboxChips___LX40CFj-",
   "osdkComboboxChip": "Combobox-module__osdkComboboxChip___9O7-N50F",
   "osdkComboboxChipRemove": "Combobox-module__osdkComboboxChipRemove___QTqMJiEh",