@korsolutions/ui 0.0.42 → 0.0.44

package/dist/typescript/src/hooks/use-relative-position.d.ts

@@ -1,4 +1,4 @@
-import { type LayoutRectangle, type ScaledSize } from "react-native";
+import { type DisplayMetrics, type LayoutRectangle } from "react-native";
 interface Insets {
     top?: number;
     bottom?: number;
@@ -29,7 +29,7 @@ export interface LayoutPosition {
     height: number;
 }
 interface GetPositionArgs {
-    dimensions: ScaledSize;
+    dimensions: DisplayMetrics;
     avoidCollisions: boolean;
     triggerPosition: LayoutPosition;
     contentLayout: LayoutRectangle;

package/dist/typescript/src/hooks/use-relative-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1F,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,eAAe,GAAG,YAAY,CAAC,GAAG;IAC7G,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,IAAI,GACL,EAAE,uBAAuB;;;;;;;;;;;;EAwBzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAAqD,CAAC;AACnF,eAAO,MAAM,gBAAgB,EAAE,cAA4D,CAAC;AAyB5F,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAsDD,KAAK,mBAAmB,GAAG,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE9F,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,eAAe,GAAG,YAAY,CAAC,GAAG;IAC7G,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,IAAI,GACL,EAAE,uBAAuB;;;;;;;;;;;;EAwBzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAAqD,CAAC;AACnF,eAAO,MAAM,gBAAgB,EAAE,cAA4D,CAAC;AAyB5F,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAsDD,KAAK,mBAAmB,GAAG,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,CAAC"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-content.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA0BlE"}
+{"version":3,"file":"autocomplete-content.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAkClE"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,iHA2E5B,CAAC"}
+{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,iHAsE5B,CAAC"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-option.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-option.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,YAAY,CAAC;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAeD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAqChE"}
+{"version":3,"file":"autocomplete-option.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-option.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,YAAY,CAAC;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAeD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BA4ChE"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts

@@ -4,7 +4,6 @@ export interface AutocompleteOverlayProps {
     children?: React.ReactNode;
     onPress?: () => void;
     style?: StyleProp<ViewStyle>;
-    render?: (props: AutocompleteOverlayProps) => React.ReactElement;
 }
 export declare function AutocompleteOverlay(props: AutocompleteOverlayProps): React.JSX.Element;
 //# sourceMappingURL=autocomplete-overlay.d.ts.map

package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-overlay.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-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,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,YAAY,CAAC;CAClE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAgBlE"}
+{"version":3,"file":"autocomplete-overlay.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-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,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAyBlE"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface AutocompletePortalProps {
     children?: React.ReactNode;
 }
-export declare function AutocompletePortal(props: AutocompletePortalProps): React.JSX.Element | null;
+export declare function AutocompletePortal(props: AutocompletePortalProps): React.JSX.Element;
 //# sourceMappingURL=autocomplete-portal.d.ts.map

package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-portal.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,4BAkBhE"}
+{"version":3,"file":"autocomplete-portal.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAQhE"}

package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts

@@ -1,9 +1,6 @@
 import React from "react";
 import { type StyleProp, type ViewStyle } from "react-native";
 import type { AutocompleteStyles } from "./types";
-interface AutocompleteRootInjectedProps {
-    style?: StyleProp<ViewStyle>;
-}
 export interface AutocompleteRootBaseProps {
     value?: string;
     onChange?: (value: string) => void;
@@ -15,10 +12,8 @@ export interface AutocompleteRootBaseProps {
 }
 export interface AutocompleteRootProps extends AutocompleteRootBaseProps {
     children?: React.ReactNode;
-    render?: (props: AutocompleteRootInjectedProps) => React.ReactElement;
     styles?: AutocompleteStyles;
     style?: StyleProp<ViewStyle>;
 }
 export declare function AutocompleteRoot(props: AutocompleteRootProps): React.JSX.Element;
-export {};
 //# sourceMappingURL=autocomplete-root.d.ts.map

package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAwB,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,OAAO,KAAK,EAAyC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzF,UAAU,6BAA6B;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,KAAK,CAAC,YAAY,CAAC;IACtE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwE5D"}
+{"version":3,"file":"autocomplete-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/autocomplete-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAwB,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,OAAO,KAAK,EAAyC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAqE5D"}

package/dist/typescript/src/primitives/autocomplete/context.d.ts

@@ -1,5 +1,6 @@
 import type { LayoutPosition } from "../../hooks";
-import { type Dispatch } from "react";
+import type { TextInputRef } from "../../types/element.types";
+import React, { type Dispatch } from "react";
 import type { LayoutRectangle } from "react-native";
 import type { AutocompleteOption, AutocompleteState, AutocompleteStyles } from "./types";
 export interface AutocompleteContext {
@@ -17,14 +18,12 @@ export interface AutocompleteContext {
     options: Array<AutocompleteOption>;
     setOptions: Dispatch<React.SetStateAction<Array<AutocompleteOption>>>;
     openOnFocus: boolean;
-    blurInput: () => void;
-    setBlurInput: Dispatch<React.SetStateAction<() => void>>;
-    setInputDisplayValueSetter: Dispatch<React.SetStateAction<(value: string) => void>>;
-    setInputDisplayValue: (value: string) => void;
+    inputRef: TextInputRef | null;
+    setInputRef: Dispatch<React.SetStateAction<TextInputRef | null>>;
     isDisabled: boolean;
     state: AutocompleteState;
     styles: AutocompleteStyles | null;
 }
-export declare const AutocompleteContext: import("react").Context<AutocompleteContext | undefined>;
+export declare const AutocompleteContext: React.Context<AutocompleteContext | undefined>;
 export declare const useAutocomplete: () => AutocompleteContext;
 //# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/primitives/autocomplete/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACnC,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEtE,WAAW,EAAE,OAAO,CAAC;IAErB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACzD,0BAA0B,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC;IACpF,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,UAAU,EAAE,OAAO,CAAC;IAEpB,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,0DAA4D,CAAC;AAE7F,eAAO,MAAM,eAAe,2BAM3B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACjE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACnC,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEtE,WAAW,EAAE,OAAO,CAAC;IAErB,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC;IAEjE,UAAU,EAAE,OAAO,CAAC;IAEpB,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,gDAA4D,CAAC;AAE7F,eAAO,MAAM,eAAe,2BAM3B,CAAC"}

package/dist/typescript/src/primitives/button/button-label.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 export interface ButtonPrimitiveLabelProps {
     children?: string;
-    render?: (props: this) => React.ReactElement;
     style?: StyleProp<TextStyle>;
 }
 export declare function ButtonLabel(props: ButtonPrimitiveLabelProps): React.JSX.Element;

package/dist/typescript/src/primitives/button/button-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-label.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC;IAE7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAO3D"}
+{"version":3,"file":"button-label.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAY3D"}

package/dist/typescript/src/primitives/button/button-root.d.ts

@@ -7,7 +7,6 @@ export interface ButtonPrimitiveRootProps extends PressableProps {
     isLoading?: boolean;
     style?: StyleProp<ViewStyle>;
     styles?: ButtonStyles;
-    render?: (props: this) => React.ReactElement;
 }
 export declare function ButtonRoot(props: ButtonPrimitiveRootProps): React.JSX.Element;
 //# sourceMappingURL=button-root.d.ts.map

package/dist/typescript/src/primitives/button/button-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC;CAC9C;AAeD,wBAAgB,UAAU,CAAC,KAAK,EAAE,wBAAwB,qBAazD"}
+{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA+B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhH,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AA0BD,wBAAgB,UAAU,CAAC,KAAK,EAAE,wBAAwB,qBAgCzD"}

package/dist/typescript/src/primitives/calendar/calendar-day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-day.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/calendar/calendar-day.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAiBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAkClD"}
+{"version":3,"file":"calendar-day.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/calendar/calendar-day.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/F,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAiBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAiClD"}

package/dist/typescript/src/primitives/popover/popover-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/popover/popover-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA0BxD"}
+{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/popover/popover-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA4BxD"}

package/nodemon.json

@@ -0,0 +1,14 @@
+{
+  "watch": [
+    "src"
+  ],
+  "ext": "ts,tsx",
+  "ignore": [
+    "dist",
+    "node_modules",
+    "scripts"
+  ],
+  "exec": "./scripts/build.sh",
+  "restartable": "rs",
+  "delay": 1000
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -36,6 +36,7 @@
     }
   },
   "scripts": {
+    "dev": "nodemon",
     "prepare": "./scripts/build.sh",
     "ts-check": "tsc --noEmit"
   },
@@ -44,6 +45,7 @@
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "babel-plugin-module-resolver": "^5.0.2",
+    "nodemon": "^3.1.11",
     "react-native-builder-bob": "^0.40.17",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3"

package/src/components/button/variants/default.tsx

@@ -22,7 +22,7 @@ export const useButtonVariantDefault = (): ButtonStyles => {
           opacity: 0.5,
         },
         loading: {
-          opacity: 0.8,
+          opacity: 0.5,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
@@ -32,27 +32,18 @@ export const useButtonVariantDefault = (): ButtonStyles => {
         default: {
           color: colors.primaryForeground,
           fontSize,
-          fontWeight: "bold",
           fontFamily,
         },
-        disabled: {
-          color: colors.mutedForeground,
-        },
-        loading: {
-          color: colors.mutedForeground,
-        },
+        disabled: {},
+        loading: {},
       },
       spinner: {
         default: {
           color: colors.primaryForeground,
         },
-        disabled: {
-          color: colors.mutedForeground,
-        },
-        loading: {
-          color: colors.mutedForeground,
-        },
+        disabled: {},
+        loading: {},
       },
-    })
+    }),
   );
 };

package/src/components/button/variants/secondary.tsx

@@ -22,7 +22,7 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           opacity: 0.5,
         },
         loading: {
-          opacity: 0.8,
+          opacity: 0.5,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
@@ -32,7 +32,6 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
         default: {
           color: colors.secondaryForeground,
           fontSize,
-          fontWeight: "bold",
           fontFamily,
         },
         disabled: {

package/src/hooks/use-relative-position.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useWindowDimensions, type LayoutRectangle, type ScaledSize } from "react-native";
+import { useWindowDimensions, type DisplayMetrics, type LayoutRectangle } from "react-native";
 
 interface Insets {
   top?: number;
@@ -56,7 +56,7 @@ export interface LayoutPosition {
 }
 
 interface GetPositionArgs {
-  dimensions: ScaledSize;
+  dimensions: DisplayMetrics;
   avoidCollisions: boolean;
   triggerPosition: LayoutPosition;
   contentLayout: LayoutRectangle;
@@ -136,7 +136,7 @@ function getLeftPosition(
   alignOffset: number,
   insetLeft: number,
   insetRight: number,
-  dimensions: ScaledSize
+  dimensions: DisplayMetrics,
 ) {
   let left = 0;
   if (align === "start") {
@@ -183,6 +183,6 @@ function getContentStyle({
       alignOffset,
       insets,
       dimensions,
-    })
+    }),
   );
 }

package/src/primitives/autocomplete/autocomplete-content.tsx

@@ -1,4 +1,5 @@
 import { useRelativePosition } from "@/hooks/use-relative-position";
+import { useSafeAreaInsets } from "@/safe-area";
 import { calculateComposedStyles } from "@/utils/calculate-styles";
 import React from "react";
 import { ScrollView, type StyleProp, type ViewStyle } from "react-native";
@@ -12,6 +13,7 @@ export interface AutocompleteContentProps {
 export function AutocompleteContent(props: AutocompleteContentProps) {
   const autocomplete = useAutocomplete();
   const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "content", props.style);
+  const safeAreaInsets = useSafeAreaInsets();
 
   const positionStyle = useRelativePosition({
     align: "start",
@@ -21,16 +23,23 @@ export function AutocompleteContent(props: AutocompleteContentProps) {
     alignOffset: 0,
     side: "bottom",
     sideOffset: 0,
+    insets: safeAreaInsets,
   });
-
   return (
     <ScrollView
-      style={[positionStyle, composedStyles, { width: autocomplete.inputPosition.width }]}
       onLayout={(e) => {
         autocomplete.setContentLayout(e.nativeEvent.layout);
       }}
-      pointerEvents="box-none"
       keyboardShouldPersistTaps="handled"
+      style={[
+        positionStyle,
+        composedStyles,
+        {
+          display: autocomplete.isOpen ? "flex" : "none",
+          width: autocomplete.inputPosition.width,
+          pointerEvents: "box-none",
+        },
+      ]}
     >
       {props.children}
     </ScrollView>

package/src/primitives/autocomplete/autocomplete-input.tsx

@@ -1,5 +1,4 @@
 import type { TextInputRef } from "@/types/element.types";
-import { setInnerInputValue } from "@/utils/input-utils";
 import { measureLayoutPosition } from "@/utils/normalize-layout";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { StyleSheet, TextInput, type StyleProp, type TextInputProps, type TextStyle } from "react-native";
@@ -61,12 +60,7 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
 
   useImperativeHandle(ref, () => inputRef.current!);
   useEffect(() => {
-    autocomplete.setBlurInput(() => () => {
-      inputRef.current?.blur();
-    });
-    autocomplete.setInputDisplayValueSetter(() => (v: string) => {
-      setInnerInputValue(inputRef.current!, v);
-    });
+    autocomplete.setInputRef(inputRef.current);
   }, []);
 
   return (

package/src/primitives/autocomplete/autocomplete-option.tsx

@@ -1,4 +1,5 @@
 import { calculateComposedStyles } from "@/utils/calculate-styles";
+import { setInnerInputValue } from "@/utils/input-utils";
 import { useEffect, useState } from "react";
 import { type StyleProp, Text, type TextStyle } from "react-native";
 import { useAutocomplete } from "./context";
@@ -34,6 +35,18 @@ export function AutocompleteOption(props: AutocompleteOptionProps) {
   const optionState = calculateState(autocomplete.state, isHovered, isSelected);
   const composedStyles = calculateComposedStyles(autocomplete.styles, optionState, "option", props.style);
 
+  const handlePress = () => {
+    autocomplete.onChange?.(props.value);
+    autocomplete.setInputValue?.("");
+    autocomplete.setIsOpen(false);
+    if (autocomplete.inputRef) {
+      setInnerInputValue(autocomplete.inputRef, props.children);
+      autocomplete.inputRef.blur();
+    } else {
+      console.warn("Input reference is not available");
+    }
+  };
+
   useEffect(() => {
     autocomplete.setOptions((prev) => {
       if (prev.find((option) => option.value === props.value)) {
@@ -41,16 +54,11 @@ export function AutocompleteOption(props: AutocompleteOptionProps) {
       }
       return [...prev, { value: props.value, label: props.children }];
     });
+    return () => {
+      autocomplete.setOptions((prev) => prev.filter((option) => option.value !== props.value));
+    };
   }, [props.value, props.children]);
 
-  const handlePress = () => {
-    autocomplete.onChange?.(props.value);
-    autocomplete.setInputValue?.("");
-    autocomplete.setInputDisplayValue(props.children);
-    autocomplete.setIsOpen(false);
-    autocomplete.blurInput();
-  };
-
   const Component = props.render ?? Text;
   return (
     <Component

package/src/primitives/autocomplete/autocomplete-overlay.tsx

@@ -7,7 +7,6 @@ export interface AutocompleteOverlayProps {
   children?: React.ReactNode;
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
-  render?: (props: AutocompleteOverlayProps) => React.ReactElement;
 }
 
 export function AutocompleteOverlay(props: AutocompleteOverlayProps) {
@@ -15,15 +14,24 @@ export function AutocompleteOverlay(props: AutocompleteOverlayProps) {
 
   const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "overlay", props.style);
 
-  const Component = props.render ?? Pressable;
+  const handlePress = () => {
+    props.onPress?.();
+    autocomplete.setIsOpen(false);
+    autocomplete.inputRef?.blur();
+  };
+
   return (
-    <Component
-      onPress={() => {
-        autocomplete.setIsOpen(false);
-      }}
-      style={[StyleSheet.absoluteFill, composedStyles]}
+    <Pressable
+      onPress={handlePress}
+      style={[
+        StyleSheet.absoluteFill,
+        composedStyles,
+        {
+          display: autocomplete.isOpen ? "flex" : "none",
+        },
+      ]}
     >
       {props.children}
-    </Component>
+    </Pressable>
   );
 }

package/src/primitives/autocomplete/autocomplete-portal.tsx

@@ -1,6 +1,6 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { Portal } from "../portal";
-import { useAutocomplete, AutocompleteContext } from "./context";
+import { AutocompleteContext, useAutocomplete } from "./context";
 
 export interface AutocompletePortalProps {
   children?: React.ReactNode;
@@ -9,16 +9,6 @@ export interface AutocompletePortalProps {
 export function AutocompletePortal(props: AutocompletePortalProps) {
   const autocomplete = useAutocomplete();
 
-  useEffect(() => {
-    return () => {
-      autocomplete.setOptions([]);
-    };
-  }, []);
-
-  if (!autocomplete.isOpen) {
-    return null;
-  }
-
   return (
     <Portal name="autocomplete-portal">
       <AutocompleteContext.Provider value={autocomplete}>{props.children}</AutocompleteContext.Provider>

package/src/primitives/autocomplete/autocomplete-root.tsx

@@ -1,14 +1,12 @@
 import { DEFAULT_LAYOUT, DEFAULT_POSITION, type LayoutPosition } from "@/hooks";
+import type { TextInputRef } from "@/types/element.types";
 import { calculateComposedStyles } from "@/utils/calculate-styles";
+import { setInnerInputValue } from "@/utils/input-utils";
 import React, { useEffect, useMemo, useState } from "react";
 import { type LayoutRectangle, type StyleProp, View, type ViewStyle } from "react-native";
 import { AutocompleteContext } from "./context";
 import type { AutocompleteOption, AutocompleteState, AutocompleteStyles } from "./types";
 
-interface AutocompleteRootInjectedProps {
-  style?: StyleProp<ViewStyle>;
-}
-
 export interface AutocompleteRootBaseProps {
   value?: string;
   onChange?: (value: string) => void;
@@ -21,7 +19,6 @@ export interface AutocompleteRootBaseProps {
 
 export interface AutocompleteRootProps extends AutocompleteRootBaseProps {
   children?: React.ReactNode;
-  render?: (props: AutocompleteRootInjectedProps) => React.ReactElement;
   styles?: AutocompleteStyles;
   style?: StyleProp<ViewStyle>;
 }
@@ -41,19 +38,21 @@ export function AutocompleteRoot(props: AutocompleteRootProps) {
   const [contentLayout, setContentLayout] = useState<LayoutRectangle>(DEFAULT_LAYOUT);
   const [inputPosition, setInputPosition] = useState<LayoutPosition>(DEFAULT_POSITION);
   const [options, setOptions] = useState<Array<AutocompleteOption>>([]);
-  const [blurInput, setBlurInput] = useState<() => void>(() => () => {});
-  const [setInputDisplayValue, setInputDisplayValueSetter] = useState<(value: string) => void>(() => () => {});
+  const [inputRef, setInputRef] = useState<TextInputRef | null>(null);
 
   useEffect(() => {
+    if (!inputRef) return;
     if (props.value) {
       const selectedOption = options.find((opt) => opt.value === props.value);
       if (selectedOption) {
         props.setInputValue?.(selectedOption.label);
+        setInnerInputValue(inputRef, selectedOption.label);
       }
     } else {
       props.setInputValue?.("");
+      setInnerInputValue(inputRef, "");
     }
-  }, [props.value, options]);
+  }, [props.value, options, inputRef]);
 
   const state = calculateState(props, isOpen);
   const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
@@ -75,10 +74,8 @@ export function AutocompleteRoot(props: AutocompleteRootProps) {
         options,
         setOptions,
         openOnFocus: props.openOnFocus ?? true,
-        blurInput,
-        setBlurInput,
-        setInputDisplayValue,
-        setInputDisplayValueSetter,
+        inputRef,
+        setInputRef,
         state,
         isDisabled: props.isDisabled ?? false,
         styles: props.styles ?? null,
@@ -96,16 +93,13 @@ export function AutocompleteRoot(props: AutocompleteRootProps) {
       inputPosition,
       contentLayout,
       options,
-      blurInput,
-      setInputDisplayValue,
       state,
     ],
   );
 
-  const Component = props.render ?? View;
   return (
     <AutocompleteContext.Provider value={contextValue}>
-      <Component style={composedStyles}>{props.children}</Component>
+      <View style={composedStyles}>{props.children}</View>
     </AutocompleteContext.Provider>
   );
 }

package/src/primitives/autocomplete/context.ts

@@ -1,5 +1,6 @@
 import type { LayoutPosition } from "@/hooks";
-import { createContext, type Dispatch, useContext } from "react";
+import type { TextInputRef } from "@/types/element.types";
+import React, { createContext, type Dispatch, useContext } from "react";
 import type { LayoutRectangle } from "react-native";
 import type { AutocompleteOption, AutocompleteState, AutocompleteStyles } from "./types";
 
@@ -23,10 +24,8 @@ export interface AutocompleteContext {
 
   openOnFocus: boolean;
 
-  blurInput: () => void;
-  setBlurInput: Dispatch<React.SetStateAction<() => void>>;
-  setInputDisplayValueSetter: Dispatch<React.SetStateAction<(value: string) => void>>;
-  setInputDisplayValue: (value: string) => void;
+  inputRef: TextInputRef | null;
+  setInputRef: Dispatch<React.SetStateAction<TextInputRef | null>>;
 
   isDisabled: boolean;
 

package/src/primitives/button/button-label.tsx

@@ -6,8 +6,6 @@ import { useButtonPrimitive } from "./button-context";
 export interface ButtonPrimitiveLabelProps {
   children?: string;
 
-  render?: (props: this) => React.ReactElement;
-
   style?: StyleProp<TextStyle>;
 }
 
@@ -16,6 +14,11 @@ export function ButtonLabel(props: ButtonPrimitiveLabelProps) {
 
   const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
 
-  const Component = props.render ?? Text;
-  return <Component style={calculatedStyle}>{props.children}</Component>;
+  const isSelectable = button.state !== "disabled" && button.state !== "loading";
+
+  return (
+    <Text selectable={isSelectable} style={calculatedStyle}>
+      {props.children}
+    </Text>
+  );
 }