@korsolutions/ui 0.0.93 → 0.0.94

package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAaF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBA2B9D"}
+{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAaF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBA8B9D"}

package/dist/typescript/src/components/combobox/components/combobox-root.d.ts

@@ -3,35 +3,18 @@ import { type StyleProp, type ViewStyle } from "react-native";
 import type { Size } from "../../../utils/size-scale";
 import { ComboboxVariants } from "../variants";
 export interface ComboboxRootProps<T> {
-    /** The full list of selectable items. */
-    items: readonly T[];
-    /** The currently selected item. */
-    value?: T;
-    /** Called when the user selects an item. */
-    onChange?: (item: T) => void;
-    /**
-     * Extracts a unique string identifier from an item.
-     * Defaults to reading `item.value` or `String(item)`.
-     */
-    getItemValue?: (item: T) => string;
-    /**
-     * Extracts a display label from an item (shown in the trigger when selected).
-     * Defaults to reading `item.label` or falling back to `getItemValue`.
-     */
-    getItemLabel?: (item: T) => string;
-    /**
-     * Custom filter function. Return `true` to include the item.
-     * Defaults to case-insensitive label includes query.
-     * Pass `null` to disable built-in filtering (useful for async search).
-     */
-    filter?: ((item: T, query: string) => boolean) | null;
-    /** Called when the text input value changes. Useful for async search. */
-    onInputChange?: (text: string) => void;
+    items: T[];
+    value: T | null;
+    onChange: (item: T) => void;
+    inputValue: string;
+    onInputChange: (text: string) => void;
+    getItemValue: (item: T) => string;
+    getItemLabel: (item: T) => string;
     variant?: keyof typeof ComboboxVariants;
     size?: Size;
     isDisabled?: boolean;
     children?: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 }
-export declare function ComboboxRoot<T>(props: ComboboxRootProps<T>): React.JSX.Element;
+export declare function ComboboxRoot<T>({ variant, size, isDisabled, ...props }: ComboboxRootProps<T>): React.JSX.Element;
 //# sourceMappingURL=combobox-root.d.ts.map

package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAkB/C,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,yCAAyC;IACzC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IAEpB,mCAAmC;IACnC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,IAAI,CAAC;IAEtD,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAOD,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAkH1D"}
+{"version":3,"file":"combobox-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,EAAE,CAAC,EAAE,CAAC;IAEX,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAE5B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAElC,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAOD,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,OAAmB,EACnB,IAAW,EACX,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBA4DtB"}

package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts

@@ -5,7 +5,8 @@ type ExtendableProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText
 type RenderProps = {
     inputRef: React.RefObject<TextInputRef | null>;
     open: () => void;
-    setInputValue: (value: string) => void;
+    value: string;
+    onChange: (value: string) => void;
 };
 export type ComboboxTriggerProps = ExtendableProps & {
     render?: (props: RenderProps) => React.ReactNode;

package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMjE,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;CAClD,CAAC;AAQF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,mSAkFzE"}
+{"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAKjE,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;CAClD,CAAC;AAQF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,mSA2DzE"}

package/dist/typescript/src/components/combobox/context.d.ts

@@ -1,22 +1,23 @@
 import { type Dispatch } from "react";
 import type { LayoutRectangle } from "react-native";
 import type { LayoutPosition } from "../../hooks";
+import type { TextInputRef } from "../../types/element.types";
 import type { ComboboxState, ComboboxStyles } from "./types";
 export interface ComboboxContext {
-    items: readonly unknown[];
-    filteredItems: readonly unknown[];
-    getItemValue: (item: unknown) => string;
-    getItemLabel: (item: unknown) => string;
-    value: unknown | undefined;
-    onChange: ((item: unknown) => void) | undefined;
+    items: readonly any[];
+    value: any | undefined;
+    onChange: (item: any) => void;
+    inputValue: string;
+    onInputChange: (text: string) => void;
+    getItemValue: (item: any) => string;
+    getItemLabel: (item: any) => string;
+    inputRef: React.RefObject<TextInputRef | null>;
     isOpen: boolean;
     setIsOpen: Dispatch<React.SetStateAction<boolean>>;
     triggerPosition: LayoutPosition;
     setTriggerPosition: Dispatch<React.SetStateAction<LayoutPosition>>;
     contentLayout: LayoutRectangle;
     setContentLayout: Dispatch<React.SetStateAction<LayoutRectangle>>;
-    inputValue: string;
-    setInputValue: Dispatch<React.SetStateAction<string>>;
     isDisabled: boolean;
     state: ComboboxState;
     styles: ComboboxStyles;

package/dist/typescript/src/components/combobox/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/combobox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,aAAa,EAAE,SAAS,OAAO,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,CAAC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,CAAC;IAExC,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAEhD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,EAAE,cAAc,CAAC;IAChC,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtD,UAAU,EAAE,OAAO,CAAC;IAEpB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,sDAAwD,CAAC;AAErF,eAAO,MAAM,WAAW,uBAMvB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/combobox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,GAAG,EAAE,CAAC;IAEtB,KAAK,EAAE,GAAG,GAAG,SAAS,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAE9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC;IAEpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAE/C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,EAAE,cAAc,CAAC;IAChC,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,UAAU,EAAE,OAAO,CAAC;IAEpB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,sDAAwD,CAAC;AAErF,eAAO,MAAM,WAAW,uBAMvB,CAAC"}

package/dist/typescript/src/components/select/components/select-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA8BtD"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA8BtD"}

package/dist/typescript/src/components/select/components/select-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAmBF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAuCzE"}
+{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAmBF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAuCzE"}

package/dist/typescript/src/components/select/components/select-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAsBtD"}
+{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAsBtD"}

package/dist/typescript/src/components/select/components/select-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAwB,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1F,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,YAAY,CAAC;IAEhE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAmChD"}
+{"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,YAAY,CAAC;IAEhE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAwChD"}

package/dist/typescript/src/components/select/components/select-trigger.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+import { type PressableProps, type StyleProp, type TextStyle } from "react-native";
 export interface SelectTriggerProps {
     placeholder?: string;
-    style?: StyleProp<ViewStyle>;
+    style?: PressableProps["style"];
 }
 export declare function SelectTrigger(props: SelectTriggerProps): React.JSX.Element;
 export interface SelectValueProps {

package/dist/typescript/src/components/select/components/select-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgCtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAelD"}
+{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA+BtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAelD"}

package/dist/typescript/src/components/select/types.d.ts

@@ -1,5 +1,5 @@
-import type { TextStyle } from "react-native";
 import type { SelectContentProps } from "./components/select-content";
+import type { SelectOptionProps } from "./components/select-option";
 import type { SelectOverlayProps } from "./components/select-overlay";
 import type { SelectRootProps } from "./components/select-root";
 import type { SelectTriggerProps, SelectValueProps } from "./components/select-trigger";
@@ -12,7 +12,7 @@ export interface SelectStyles {
     placeholder?: Partial<Record<SelectState, SelectValueProps["style"]>>;
     overlay?: Partial<Record<SelectState, SelectOverlayProps["style"]>>;
     content?: Partial<Record<SelectState, SelectContentProps["style"]>>;
-    option?: Partial<Record<SelectOptionState, TextStyle>>;
+    option?: Partial<Record<SelectOptionState, SelectOptionProps["style"]>>;
 }
 export interface SelectOption {
     value: string;

package/dist/typescript/src/components/select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAExF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAExF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CACzE;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB"}

package/dist/typescript/src/components/select/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,YAAY,CAwFhE"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,YAAY,CAmFhE"}

package/dist/typescript/src/utils/calculate-styles.d.ts

@@ -1,3 +1,5 @@
+import { type PressableProps, type PressableStateCallbackType, type ViewStyle } from "react-native";
 export declare const calculateComposedStyles: <TStyle, State extends string | "default", Component extends string>(styles: (Partial<Record<Component, Partial<Record<State, TStyle>>>> | null) | undefined, state: State, component: Component, style?: TStyle) => TStyle[];
 export declare const mergeStyles: <TStyle extends Record<string, any>>(variantStyles: TStyle, globalStyles: TStyle | undefined) => TStyle;
+export declare const extractPressableStyles: (style: PressableProps["style"], props: PressableStateCallbackType) => ViewStyle;
 //# sourceMappingURL=calculate-styles.d.ts.map

package/dist/typescript/src/utils/calculate-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/calculate-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,GAClC,MAAM,EACN,KAAK,SAAS,MAAM,GAAG,SAAS,EAChC,SAAS,SAAS,MAAM,EAExB,SAAQ,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,aAAK,EAC9E,OAAO,KAAK,EACZ,WAAW,SAAS,EACpB,QAAQ,MAAM,KACb,MAAM,EAaR,CAAC;AAmBF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,eAAe,MAAM,EACrB,cAAc,MAAM,GAAG,SAAS,KAC/B,MAYF,CAAC"}
+{"version":3,"file":"calculate-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/calculate-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,0BAA0B,EAC/B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,uBAAuB,GAClC,MAAM,EACN,KAAK,SAAS,MAAM,GAAG,SAAS,EAChC,SAAS,SAAS,MAAM,EAExB,SAAQ,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,aAAK,EAC9E,OAAO,KAAK,EACZ,WAAW,SAAS,EACpB,QAAQ,MAAM,KACb,MAAM,EAaR,CAAC;AAmBF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,eAAe,MAAM,EACrB,cAAc,MAAM,GAAG,SAAS,KAC/B,MAYF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,OAAO,cAAc,CAAC,OAAO,CAAC,EAC9B,OAAO,0BAA0B,KAChC,SAKF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.93",
+  "version": "0.0.94",
   "bugs": {
     "url": "https://github.com/KorSoftwareSolutions/ui/issues"
   },

package/src/components/combobox/components/combobox-list.tsx

@@ -1,8 +1,9 @@
 import React from "react";
+import { List } from "../../list";
 import { useCombobox } from "../context";
 
 export interface ComboboxListProps<T> {
-  keyExtractor?: (item: T, index: number) => string;
+  keyExtractor: (item: T, index: number) => string;
   renderItem: (info: { item: T; index: number }) => React.ReactElement;
   renderEmpty?: () => React.ReactElement;
   renderSeparator?: () => React.ReactElement;
@@ -10,23 +11,14 @@ export interface ComboboxListProps<T> {
 
 export function ComboboxList<T>(props: ComboboxListProps<T>) {
   const combobox = useCombobox();
-  const items = combobox.filteredItems as T[];
-
-  const keyExtractor =
-    props.keyExtractor ?? ((item: T, index: number) => combobox.getItemValue(item) ?? String(index));
-
-  if (items.length === 0) {
-    return <>{props.renderEmpty?.()}</>;
-  }
 
   return (
-    <>
-      {items.map((item, index) => (
-        <React.Fragment key={keyExtractor(item, index)}>
-          {props.renderItem({ item, index })}
-          {index < items.length - 1 && props.renderSeparator?.()}
-        </React.Fragment>
-      ))}
-    </>
+    <List
+      data={combobox.items as T[]}
+      keyExtractor={props.keyExtractor}
+      renderItem={props.renderItem}
+      renderEmpty={props.renderEmpty}
+      renderSeparator={props.renderSeparator}
+    />
   );
 }

package/src/components/combobox/components/combobox-option.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
 import type { ElementChildren } from "../../../types/element.types";
+import { setInnerInputValue } from "../../../utils/input-utils";
 import { useCombobox } from "../context";
 import type { ComboboxOptionState, ComboboxState } from "../types";
 
@@ -33,8 +34,11 @@ export function ComboboxOption<T>(props: ComboboxOptionProps<T>) {
   const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
 
   const handlePress = () => {
-    combobox.onChange?.(props.item);
+    combobox.onChange(props.item);
     combobox.setIsOpen(false);
+    if (!combobox.inputRef.current) return;
+    const itemLabel = combobox.getItemLabel(props.item);
+    setInnerInputValue(combobox.inputRef.current, itemLabel);
   };
 
   return (

package/src/components/combobox/components/combobox-root.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import {
   type LayoutRectangle,
   type StyleProp,
@@ -8,59 +8,24 @@ import {
 } from "react-native";
 import { DEFAULT_LAYOUT, DEFAULT_POSITION, type LayoutPosition } from "../../../hooks";
 import { useComponentConfig } from "../../../themes/provider";
+import type { TextInputRef } from "../../../types/element.types";
 import { mergeStyles } from "../../../utils/calculate-styles";
 import type { Size } from "../../../utils/size-scale";
 import { ComboboxContext } from "../context";
 import type { ComboboxState } from "../types";
 import { ComboboxVariants } from "../variants";
 
-const defaultGetItemValue = (item: unknown): string => {
-  if (typeof item === "string") return item;
-  if (typeof item === "object" && item !== null && "value" in item) {
-    return String((item as Record<string, unknown>).value);
-  }
-  return String(item);
-};
-
-const defaultGetItemLabel = (item: unknown): string => {
-  if (typeof item === "string") return item;
-  if (typeof item === "object" && item !== null && "label" in item) {
-    return String((item as Record<string, unknown>).label);
-  }
-  return defaultGetItemValue(item);
-};
-
 export interface ComboboxRootProps<T> {
-  /** The full list of selectable items. */
-  items: readonly T[];
+  items: T[];
 
-  /** The currently selected item. */
-  value?: T;
+  value: T | null;
+  onChange: (item: T) => void;
 
-  /** Called when the user selects an item. */
-  onChange?: (item: T) => void;
+  inputValue: string;
+  onInputChange: (text: string) => void;
 
-  /**
-   * Extracts a unique string identifier from an item.
-   * Defaults to reading `item.value` or `String(item)`.
-   */
-  getItemValue?: (item: T) => string;
-
-  /**
-   * Extracts a display label from an item (shown in the trigger when selected).
-   * Defaults to reading `item.label` or falling back to `getItemValue`.
-   */
-  getItemLabel?: (item: T) => string;
-
-  /**
-   * Custom filter function. Return `true` to include the item.
-   * Defaults to case-insensitive label includes query.
-   * Pass `null` to disable built-in filtering (useful for async search).
-   */
-  filter?: ((item: T, query: string) => boolean) | null;
-
-  /** Called when the text input value changes. Useful for async search. */
-  onInputChange?: (text: string) => void;
+  getItemValue: (item: T) => string;
+  getItemLabel: (item: T) => string;
 
   variant?: keyof typeof ComboboxVariants;
   size?: Size;
@@ -74,20 +39,12 @@ const calculateState = <T,>(props: ComboboxRootProps<T>): ComboboxState => {
   return "default";
 };
 
-export function ComboboxRoot<T>(props: ComboboxRootProps<T>) {
-  const {
-    items,
-    value,
-    onChange,
-    getItemValue = defaultGetItemValue as (item: T) => string,
-    getItemLabel = defaultGetItemLabel as (item: T) => string,
-    filter,
-    onInputChange,
-    variant = "default",
-    size = "md",
-    isDisabled = false,
-  } = props;
-
+export function ComboboxRoot<T>({
+  variant = "default",
+  size = "md",
+  isDisabled = false,
+  ...props
+}: ComboboxRootProps<T>) {
   const variantStyles = ComboboxVariants[variant](size);
   const globalStyles = useComponentConfig("combobox");
   const mergedStyles = mergeStyles(variantStyles, globalStyles?.styles);
@@ -95,42 +52,7 @@ export function ComboboxRoot<T>(props: ComboboxRootProps<T>) {
   const [isOpen, setIsOpen] = useState(false);
   const [contentLayout, setContentLayout] = useState<LayoutRectangle>(DEFAULT_LAYOUT);
   const [triggerPosition, setTriggerPosition] = useState<LayoutPosition>(DEFAULT_POSITION);
-  const [inputValue, setInputValue] = useState("");
-
-  // Reset input value when closing
-  const prevOpen = useRef(isOpen);
-  useEffect(() => {
-    if (prevOpen.current && !isOpen) {
-      setInputValue("");
-    }
-    prevOpen.current = isOpen;
-  }, [isOpen]);
-
-  // Notify consumer when input value changes
-  const onInputChangeRef = useRef(onInputChange);
-  onInputChangeRef.current = onInputChange;
-  const isFirstRender = useRef(true);
-  useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    onInputChangeRef.current?.(inputValue);
-  }, [inputValue]);
-
-  const filteredItems = useMemo(() => {
-    if (filter === null) return items;
-    if (!inputValue) return items;
-
-    const filterFn =
-      filter ??
-      ((item: T, query: string) => {
-        const label = getItemLabel(item);
-        return label.toLowerCase().includes(query.toLowerCase());
-      });
-
-    return items.filter((item) => filterFn(item, inputValue));
-  }, [items, inputValue, filter, getItemLabel]);
+  const inputRef = useRef<TextInputRef>(null);
 
   const state = calculateState(props);
   const composedStyles = StyleSheet.flatten([
@@ -139,44 +61,38 @@ export function ComboboxRoot<T>(props: ComboboxRootProps<T>) {
     props.style,
   ]);
 
-  const handleChange = useCallback(
-    (item: unknown) => {
-      onChange?.(item as T);
-    },
-    [onChange],
-  );
-
-  const contextValue: ComboboxContext = useMemo(
+  const contextValue = useMemo<ComboboxContext>(
     () => ({
-      items,
-      filteredItems,
-      getItemValue: getItemValue as (item: unknown) => string,
-      getItemLabel: getItemLabel as (item: unknown) => string,
-      value,
-      onChange: handleChange,
+      items: props.items,
+      filteredItems: props.items,
+      value: props.value,
+      onChange: props.onChange,
+      inputValue: props.inputValue,
+      onInputChange: props.onInputChange,
+      inputRef,
+      getItemValue: props.getItemValue,
+      getItemLabel: props.getItemLabel,
       isOpen,
       setIsOpen,
       triggerPosition,
       setTriggerPosition,
       contentLayout,
       setContentLayout,
-      inputValue,
-      setInputValue,
       state,
       isDisabled,
       styles: mergedStyles,
     }),
     [
-      items,
-      filteredItems,
-      getItemValue,
-      getItemLabel,
-      value,
-      handleChange,
+      props.items,
+      props.value,
+      props.onChange,
+      props.inputValue,
+      props.onInputChange,
+      props.getItemValue,
+      props.getItemLabel,
       isOpen,
       triggerPosition,
       contentLayout,
-      inputValue,
       state,
       isDisabled,
       mergedStyles,

package/src/components/combobox/components/combobox-trigger.tsx

@@ -1,7 +1,6 @@
-import React, { useEffect, useRef } from "react";
+import React from "react";
 import { StyleSheet, TextInput, type TextInputProps } from "react-native";
 import type { TextInputRef } from "../../../types/element.types";
-import { setInnerInputValue } from "../../../utils/input-utils";
 import { measureLayoutPosition } from "../../../utils/normalize-layout";
 import { useCombobox } from "../context";
 import type { ComboboxTriggerState } from "../types";
@@ -11,7 +10,8 @@ type ExtendableProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText
 type RenderProps = {
   inputRef: React.RefObject<TextInputRef | null>;
   open: () => void;
-  setInputValue: (value: string) => void;
+  value: string;
+  onChange: (value: string) => void;
 };
 
 export type ComboboxTriggerProps = ExtendableProps & {
@@ -26,50 +26,26 @@ const calculateState = (isDisabled: boolean, isOpen: boolean): ComboboxTriggerSt
 
 export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
   const combobox = useCombobox();
-  const triggerRef = useRef<TextInputRef>(null);
 
   const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
   const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
-  const displayValue = combobox.isOpen ? combobox.inputValue : selectedLabel;
 
   const open = () => {
     if (combobox.isDisabled) return;
-    combobox.setInputValue(selectedLabel);
+    combobox.onInputChange(selectedLabel);
     requestAnimationFrame(() => {
-      measureLayoutPosition(triggerRef.current, (layout) => {
+      measureLayoutPosition(combobox.inputRef.current, (layout) => {
         combobox.setTriggerPosition(layout);
         combobox.setIsOpen(true);
       });
     });
   };
 
-  const onChangeText = (text: string) => {
-    if (combobox.isDisabled) return;
-    combobox.setInputValue(text);
-    if (!combobox.isOpen) open();
-  };
-
-  const onFocus = () => {
-    if (!combobox.isOpen) open();
+  const onFocus: TextInputProps["onFocus"] = (e) => {
+    props.onFocus?.(e);
+    open();
   };
 
-  const setInputValue = (value: string) => {
-    combobox.setInputValue(value);
-    if (triggerRef.current) {
-      setInnerInputValue(triggerRef.current, value);
-    }
-  };
-
-  useEffect(() => {
-    setInputValue(displayValue);
-  }, [displayValue]);
-
-  useEffect(() => {
-    if (!combobox.isOpen) {
-      triggerRef.current?.blur();
-    }
-  }, [combobox.isOpen]);
-
   const triggerStyles = combobox.styles?.trigger;
   const composedProps: TextInputProps = {
     ...triggerStyles?.default,
@@ -89,19 +65,20 @@ export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
 
   if (render) {
     return render({
-      inputRef: triggerRef,
+      inputRef: combobox.inputRef,
       open,
-      setInputValue,
+      value: combobox.inputValue,
+      onChange: combobox.onInputChange,
     });
   }
 
   return (
     <TextInput
       {...composedProps}
-      ref={triggerRef}
+      ref={combobox.inputRef}
       value={undefined}
       onChange={undefined}
-      onChangeText={onChangeText}
+      onChangeText={combobox.onInputChange}
       onFocus={onFocus}
       style={composedStyle}
     />

package/src/components/combobox/context.ts

@@ -1,16 +1,22 @@
 import { createContext, type Dispatch, useContext } from "react";
 import type { LayoutRectangle } from "react-native";
 import type { LayoutPosition } from "../../hooks";
+import type { TextInputRef } from "../../types/element.types";
 import type { ComboboxState, ComboboxStyles } from "./types";
 
 export interface ComboboxContext {
-  items: readonly unknown[];
-  filteredItems: readonly unknown[];
-  getItemValue: (item: unknown) => string;
-  getItemLabel: (item: unknown) => string;
+  items: readonly any[];
 
-  value: unknown | undefined;
-  onChange: ((item: unknown) => void) | undefined;
+  value: any | undefined;
+  onChange: (item: any) => void;
+
+  inputValue: string;
+  onInputChange: (text: string) => void;
+
+  getItemValue: (item: any) => string;
+  getItemLabel: (item: any) => string;
+
+  inputRef: React.RefObject<TextInputRef | null>;
 
   isOpen: boolean;
   setIsOpen: Dispatch<React.SetStateAction<boolean>>;
@@ -19,9 +25,6 @@ export interface ComboboxContext {
   contentLayout: LayoutRectangle;
   setContentLayout: Dispatch<React.SetStateAction<LayoutRectangle>>;
 
-  inputValue: string;
-  setInputValue: Dispatch<React.SetStateAction<string>>;
-
   isDisabled: boolean;
 
   state: ComboboxState;