@vention/machine-ui 5.15.0 → 5.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "5.15.0",
+  "version": "5.15.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-combobox/vention-combobox.d.ts

@@ -1,3 +1,5 @@
+import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
+export type VentionComboboxSize = StrictExtract<Sizes, "small" | "medium" | "large">;
 export interface VentionComboboxProps {
     options: {
         value: string;
@@ -9,6 +11,8 @@ export interface VentionComboboxProps {
         value: string;
         label: string;
     }[] | undefined;
+    size: VentionComboboxSize;
+    labelText?: string | undefined;
     placeholder?: string | undefined;
     searchPlaceholder?: string | undefined;
     value: string | null;
@@ -20,6 +24,7 @@ export interface VentionComboboxProps {
     buttonDataTestId?: string | undefined;
     inputDataTestId?: string | undefined;
     clearButtonDataTestId?: string | undefined;
+    labelDataTestId?: string | undefined;
 }
 /**
  * A custom combobox component with optional grouping, search, and clearable selection.
@@ -28,6 +33,8 @@ export interface VentionComboboxProps {
  * @param {VentionComboboxProps} props - Props used to configure the component.
  * @param {Array<{ value: string, label: string, group?: string, dataTestId?: string }>} props.options - List of selectable items. Items can optionally belong to a group.
  * @param {Array<{ value: string, label: string }>} [props.groups] - Group data used for rendering labels above grouped options.
+ * @param {"small" | "medium" | "large"} props.size - Size of the trigger, search input, option typography, and icons.
+ * @param {string} [props.labelText] - Label rendered above the trigger. Its typography follows `size`.
  * @param {string} [props.value] - Currently selected item value.
  * @param {(value: string | null) => void} [props.onChange] - Callback fired when a user selects or clears an option.
  * @param {boolean} [props.isClearable=false] - Whether the selected item can be cleared.
@@ -38,6 +45,7 @@ export interface VentionComboboxProps {
  * @param {string} [props.buttonDataTestId] - Test ID applied to the button.
  * @param {string} [props.inputDataTestId] - Test ID applied to the input field.
  * @param {string} [props.clearButtonDataTestId] - Test ID applied to the clear icon inside the button.
+ * @param {string} [props.labelDataTestId] - Test ID applied to the label element.
  * @param {boolean} [props.autoFocus=true] - Whether the search input should be focused when the menu opens.
  *
  * @returns {JSX.Element} The VentionCombobox component.