@zag-js/combobox 1.18.4 → 1.19.0

package/dist/index.d.mts

@@ -65,10 +65,10 @@ type ElementIds = Partial<{
     content: string;
     trigger: string;
     clearTrigger: string;
-    item(id: string, index?: number): string;
+    item: (id: string, index?: number) => string;
     positioner: string;
-    itemGroup(id: string | number): string;
-    itemGroupLabel(id: string | number): string;
+    itemGroup: (id: string | number) => string;
+    itemGroupLabel: (id: string | number) => string;
 }>;
 interface ComboboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
     /**
@@ -345,16 +345,16 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * The value of the combobox input
      */
-    setHighlightValue(value: string): void;
+    setHighlightValue: (value: string) => void;
     /**
      * Function to clear the highlighted value
      */
-    clearHighlightValue(): void;
+    clearHighlightValue: VoidFunction;
     /**
      * Function to sync the selected items with the value.
      * Useful when `value` is updated from async sources.
      */
-    syncSelectedItems(): void;
+    syncSelectedItems: VoidFunction;
     /**
      * The selected items
      */
@@ -374,31 +374,31 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * Function to select a value
      */
-    selectValue(value: string): void;
+    selectValue: (value: string) => void;
     /**
      * Function to set the value of the combobox
      */
-    setValue(value: string[]): void;
+    setValue: (value: string[]) => void;
     /**
      * Function to clear the value of the combobox
      */
-    clearValue(value?: string): void;
+    clearValue: (value?: string) => void;
     /**
      * Function to focus on the combobox input
      */
-    focus(): void;
+    focus: VoidFunction;
     /**
      * Function to set the input value of the combobox
      */
-    setInputValue(value: string, reason?: InputValueChangeReason): void;
+    setInputValue: (value: string, reason?: InputValueChangeReason) => void;
     /**
      * Returns the state of a combobox item
      */
-    getItemState(props: ItemProps): ItemState;
+    getItemState: (props: ItemProps) => ItemState;
     /**
      * Function to open or close the combobox
      */
-    setOpen(open: boolean, reason?: OpenChangeReason): void;
+    setOpen: (open: boolean, reason?: OpenChangeReason) => void;
     /**
      * Function to toggle the combobox
      */
@@ -406,7 +406,7 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * Function to set the positioning options
      */
-    reposition(options?: Partial<PositioningOptions>): void;
+    reposition: (options?: Partial<PositioningOptions>) => void;
     /**
      * Whether the combobox allows multiple selections
      */
@@ -415,20 +415,20 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
      * Whether the combobox is disabled
      */
     disabled: boolean;
-    getRootProps(): T["element"];
-    getLabelProps(): T["label"];
-    getControlProps(): T["element"];
-    getPositionerProps(): T["element"];
-    getInputProps(): T["input"];
-    getContentProps(): T["element"];
-    getTriggerProps(props?: TriggerProps): T["button"];
-    getClearTriggerProps(): T["button"];
-    getListProps(): T["element"];
-    getItemProps(props: ItemProps): T["element"];
-    getItemTextProps(props: ItemProps): T["element"];
-    getItemIndicatorProps(props: ItemProps): T["element"];
-    getItemGroupProps(props: ItemGroupProps): T["element"];
-    getItemGroupLabelProps(props: ItemGroupLabelProps): T["element"];
+    getRootProps: () => T["element"];
+    getLabelProps: () => T["label"];
+    getControlProps: () => T["element"];
+    getPositionerProps: () => T["element"];
+    getInputProps: () => T["input"];
+    getContentProps: () => T["element"];
+    getTriggerProps: (props?: TriggerProps) => T["button"];
+    getClearTriggerProps: () => T["button"];
+    getListProps: () => T["element"];
+    getItemProps: (props: ItemProps) => T["element"];
+    getItemTextProps: (props: ItemProps) => T["element"];
+    getItemIndicatorProps: (props: ItemProps) => T["element"];
+    getItemGroupProps: (props: ItemGroupProps) => T["element"];
+    getItemGroupLabelProps: (props: ItemGroupLabelProps) => T["element"];
 }
 
 declare function connect<T extends PropTypes, V extends CollectionItem>(service: ComboboxService<V>, normalize: NormalizeProps<T>): ComboboxApi<T, V>;

package/dist/index.d.ts

@@ -65,10 +65,10 @@ type ElementIds = Partial<{
     content: string;
     trigger: string;
     clearTrigger: string;
-    item(id: string, index?: number): string;
+    item: (id: string, index?: number) => string;
     positioner: string;
-    itemGroup(id: string | number): string;
-    itemGroupLabel(id: string | number): string;
+    itemGroup: (id: string | number) => string;
+    itemGroupLabel: (id: string | number) => string;
 }>;
 interface ComboboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
     /**
@@ -345,16 +345,16 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * The value of the combobox input
      */
-    setHighlightValue(value: string): void;
+    setHighlightValue: (value: string) => void;
     /**
      * Function to clear the highlighted value
      */
-    clearHighlightValue(): void;
+    clearHighlightValue: VoidFunction;
     /**
      * Function to sync the selected items with the value.
      * Useful when `value` is updated from async sources.
      */
-    syncSelectedItems(): void;
+    syncSelectedItems: VoidFunction;
     /**
      * The selected items
      */
@@ -374,31 +374,31 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * Function to select a value
      */
-    selectValue(value: string): void;
+    selectValue: (value: string) => void;
     /**
      * Function to set the value of the combobox
      */
-    setValue(value: string[]): void;
+    setValue: (value: string[]) => void;
     /**
      * Function to clear the value of the combobox
      */
-    clearValue(value?: string): void;
+    clearValue: (value?: string) => void;
     /**
      * Function to focus on the combobox input
      */
-    focus(): void;
+    focus: VoidFunction;
     /**
      * Function to set the input value of the combobox
      */
-    setInputValue(value: string, reason?: InputValueChangeReason): void;
+    setInputValue: (value: string, reason?: InputValueChangeReason) => void;
     /**
      * Returns the state of a combobox item
      */
-    getItemState(props: ItemProps): ItemState;
+    getItemState: (props: ItemProps) => ItemState;
     /**
      * Function to open or close the combobox
      */
-    setOpen(open: boolean, reason?: OpenChangeReason): void;
+    setOpen: (open: boolean, reason?: OpenChangeReason) => void;
     /**
      * Function to toggle the combobox
      */
@@ -406,7 +406,7 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
     /**
      * Function to set the positioning options
      */
-    reposition(options?: Partial<PositioningOptions>): void;
+    reposition: (options?: Partial<PositioningOptions>) => void;
     /**
      * Whether the combobox allows multiple selections
      */
@@ -415,20 +415,20 @@ interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem
      * Whether the combobox is disabled
      */
     disabled: boolean;
-    getRootProps(): T["element"];
-    getLabelProps(): T["label"];
-    getControlProps(): T["element"];
-    getPositionerProps(): T["element"];
-    getInputProps(): T["input"];
-    getContentProps(): T["element"];
-    getTriggerProps(props?: TriggerProps): T["button"];
-    getClearTriggerProps(): T["button"];
-    getListProps(): T["element"];
-    getItemProps(props: ItemProps): T["element"];
-    getItemTextProps(props: ItemProps): T["element"];
-    getItemIndicatorProps(props: ItemProps): T["element"];
-    getItemGroupProps(props: ItemGroupProps): T["element"];
-    getItemGroupLabelProps(props: ItemGroupLabelProps): T["element"];
+    getRootProps: () => T["element"];
+    getLabelProps: () => T["label"];
+    getControlProps: () => T["element"];
+    getPositionerProps: () => T["element"];
+    getInputProps: () => T["input"];
+    getContentProps: () => T["element"];
+    getTriggerProps: (props?: TriggerProps) => T["button"];
+    getClearTriggerProps: () => T["button"];
+    getListProps: () => T["element"];
+    getItemProps: (props: ItemProps) => T["element"];
+    getItemTextProps: (props: ItemProps) => T["element"];
+    getItemIndicatorProps: (props: ItemProps) => T["element"];
+    getItemGroupProps: (props: ItemGroupProps) => T["element"];
+    getItemGroupLabelProps: (props: ItemGroupLabelProps) => T["element"];
 }
 
 declare function connect<T extends PropTypes, V extends CollectionItem>(service: ComboboxService<V>, normalize: NormalizeProps<T>): ComboboxApi<T, V>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/combobox",
-  "version": "1.18.4",
+  "version": "1.19.0",
   "description": "Core logic for the combobox widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,15 +26,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.18.4",
-    "@zag-js/aria-hidden": "1.18.4",
-    "@zag-js/collection": "1.18.4",
-    "@zag-js/core": "1.18.4",
-    "@zag-js/dismissable": "1.18.4",
-    "@zag-js/dom-query": "1.18.4",
-    "@zag-js/utils": "1.18.4",
-    "@zag-js/popper": "1.18.4",
-    "@zag-js/types": "1.18.4"
+    "@zag-js/anatomy": "1.19.0",
+    "@zag-js/aria-hidden": "1.19.0",
+    "@zag-js/collection": "1.19.0",
+    "@zag-js/core": "1.19.0",
+    "@zag-js/dismissable": "1.19.0",
+    "@zag-js/dom-query": "1.19.0",
+    "@zag-js/utils": "1.19.0",
+    "@zag-js/popper": "1.19.0",
+    "@zag-js/types": "1.19.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"