@korsolutions/ui 0.0.39 → 0.0.41

package/dist/module/components/autocomplete/variants/default.js

@@ -14,24 +14,27 @@ export function useAutocompleteVariantDefault() {
       disabled: {}
     },
     input: {
+      placeholderTextColor: colors.mutedForeground,
+      selectionColor: colors.primary,
       default: {
         borderWidth: 1,
         borderColor: colors.border,
         borderRadius: radius,
+        backgroundColor: colors.surface,
         paddingVertical: 12,
         paddingHorizontal: 16,
-        height: 48,
+        outlineWidth: 0,
         fontFamily,
         fontSize,
-        color: colors.foreground,
-        backgroundColor: colors.background
+        height: 48,
+        color: colors.foreground
       },
       focused: {
         borderColor: colors.primary
       },
       disabled: {
-        backgroundColor: colors.muted,
-        color: colors.mutedForeground
+        color: colors.mutedForeground,
+        backgroundColor: colors.muted
       }
     },
     overlay: {

package/dist/module/components/autocomplete/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useAutocompleteVariantDefault","colors","radius","fontFamily","fontSize","root","default","focused","disabled","input","borderWidth","borderColor","border","borderRadius","paddingVertical","paddingHorizontal","height","color","foreground","backgroundColor","background","primary","muted","mutedForeground","overlay","content","surface","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/autocomplete/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,6BAA6BA,CAAA,EAAuB;EAClE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAA0B;IACjEC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,KAAK,EAAE;MACLH,OAAO,EAAE;QACPI,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BC,YAAY,EAAEX,MAAM;QACpBY,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,MAAM,EAAE,EAAE;QACVb,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACiB,UAAU;QACxBC,eAAe,EAAElB,MAAM,CAACmB;MAC1B,CAAC;MACDb,OAAO,EAAE;QACPI,WAAW,EAAEV,MAAM,CAACoB;MACtB,CAAC;MACDb,QAAQ,EAAE;QACRW,eAAe,EAAElB,MAAM,CAACqB,KAAK;QAC7BL,KAAK,EAAEhB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPlB,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDiB,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPa,eAAe,EAAElB,MAAM,CAACyB,OAAO;QAC/Bb,YAAY,EAAEX,MAAM;QACpBQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1Be,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNC,SAAS,EAAE;MACb,CAAC;MACDtB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDsB,MAAM,EAAE;MACNxB,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACiB,UAAU;QACxBL,YAAY,EAAEX,MAAM,GAAG;MACzB,CAAC;MACDM,QAAQ,EAAE;QACRS,KAAK,EAAEhB,MAAM,CAACsB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRZ,eAAe,EAAElB,MAAM,CAACqB;MAC1B,CAAC;MACDU,OAAO,EAAE;QACPb,eAAe,EAAElB,MAAM,CAACqB;MAC1B;IACF,CAAC;IACDW,KAAK,EAAE;MACL3B,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACsB,eAAe;QAC7BW,SAAS,EAAE;MACb,CAAC;MACD3B,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useAutocompleteVariantDefault","colors","radius","fontFamily","fontSize","root","default","focused","disabled","input","placeholderTextColor","mutedForeground","selectionColor","primary","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","outlineWidth","height","color","foreground","muted","overlay","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/autocomplete/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,6BAA6BA,CAAA,EAAuB;EAClE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAA0B;IACjEC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,KAAK,EAAE;MACLC,oBAAoB,EAAET,MAAM,CAACU,eAAe;MAC5CC,cAAc,EAAEX,MAAM,CAACY,OAAO;MAC9BP,OAAO,EAAE;QACPQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,YAAY,EAAEf,MAAM;QACpBgB,eAAe,EAAEjB,MAAM,CAACkB,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAE,CAAC;QACfnB,UAAU;QACVC,QAAQ;QACRmB,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDlB,OAAO,EAAE;QACPQ,WAAW,EAAEd,MAAM,CAACY;MACtB,CAAC;MACDL,QAAQ,EAAE;QACRgB,KAAK,EAAEvB,MAAM,CAACU,eAAe;QAC7BO,eAAe,EAAEjB,MAAM,CAACyB;MAC1B;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDoB,OAAO,EAAE;MACPtB,OAAO,EAAE;QACPY,eAAe,EAAEjB,MAAM,CAACkB,OAAO;QAC/BF,YAAY,EAAEf,MAAM;QACpBY,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1Ba,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNC,SAAS,EAAE;MACb,CAAC;MACDxB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDwB,MAAM,EAAE;MACN1B,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRoB,KAAK,EAAEvB,MAAM,CAACwB,UAAU;QACxBR,YAAY,EAAEf,MAAM,GAAG;MACzB,CAAC;MACDM,QAAQ,EAAE;QACRgB,KAAK,EAAEvB,MAAM,CAACU;MAChB,CAAC;MACDsB,QAAQ,EAAE;QACRf,eAAe,EAAEjB,MAAM,CAACyB;MAC1B,CAAC;MACDQ,OAAO,EAAE;QACPhB,eAAe,EAAEjB,MAAM,CAACyB;MAC1B;IACF,CAAC;IACDS,KAAK,EAAE;MACL7B,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRoB,KAAK,EAAEvB,MAAM,CAACU,eAAe;QAC7ByB,SAAS,EAAE;MACb,CAAC;MACD7B,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/primitives/autocomplete/autocomplete-input.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { setInnerInputValue } from "../../utils/input-utils.js";
 import { measureLayoutPosition } from "../../utils/normalize-layout.js";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { StyleSheet, TextInput } from "react-native";
@@ -12,6 +13,8 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
   const inputRef = useRef(null);
   const blurTimeoutRef = useRef(undefined);
   const composedStyles = [autocomplete.styles?.input?.default, autocomplete.styles?.input?.[autocomplete.state], props.style];
+  const placeholderTextColor = autocomplete.styles?.input?.placeholderTextColor;
+  const selectionColor = autocomplete.styles?.input?.selectionColor;
   const handleFocus = e => {
     // Clear any pending blur timeout
     if (blurTimeoutRef.current) {
@@ -51,9 +54,7 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
       inputRef.current?.blur();
     });
     autocomplete.setInputDisplayValueSetter(() => v => {
-      inputRef.current?.setNativeProps({
-        text: v
-      });
+      setInnerInputValue(inputRef.current, v);
     });
   }, []);
   return /*#__PURE__*/_jsx(TextInput, {
@@ -62,6 +63,8 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
     id: field?.id,
     value: autocomplete.inputValue,
     placeholder: autocomplete.placeholder,
+    placeholderTextColor: placeholderTextColor,
+    selectionColor: selectionColor,
     onChangeText: handleChangeText,
     onFocus: handleFocus,
     onBlur: handleBlur,

package/dist/module/primitives/autocomplete/autocomplete-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","setNativeProps","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["setInnerInputValue","measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","placeholderTextColor","selectionColor","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/utils/input-utils.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { Platform } from "react-native";
+export function setInnerInputValue(element, value) {
+  if (Platform.OS === "web") {
+    element.value = value;
+  } else {
+    element?.setNativeProps?.({
+      text: value
+    });
+  }
+}
+//# sourceMappingURL=input-utils.js.map

package/dist/module/utils/input-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","setInnerInputValue","element","value","OS","setNativeProps","text"],"sourceRoot":"../../../src","sources":["utils/input-utils.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,SAASC,kBAAkBA,CAACC,OAAwC,EAAEC,KAAa,EAAE;EAC1F,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IACxBF,OAAO,CAAsBC,KAAK,GAAGA,KAAK;EAC7C,CAAC,MAAM;IACJD,OAAO,EAAmBG,cAAc,GAAG;MAAEC,IAAI,EAAEH;IAAM,CAAC,CAAC;EAC9D;AACF","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/autocomplete/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,wBAAgB,6BAA6B,IAAI,kBAAkB,CAgFlE"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/autocomplete/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,wBAAgB,6BAA6B,IAAI,kBAAkB,CAmFlE"}

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;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,iHAuE5B,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;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"}

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

@@ -8,7 +8,7 @@ export type AutocompleteState = "default" | "focused" | "disabled";
 export type AutocompleteOptionState = AutocompleteState | "hovered" | "selected";
 export interface AutocompleteStyles {
     root?: Partial<Record<AutocompleteState, AutocompleteRootProps["style"]>>;
-    input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>>;
+    input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>> & Pick<AutocompleteInputProps, "placeholderTextColor" | "selectionColor">;
     overlay?: Partial<Record<AutocompleteState, AutocompleteOverlayProps["style"]>>;
     content?: Partial<Record<AutocompleteState, AutocompleteContentProps["style"]>>;
     option?: Partial<Record<AutocompleteOptionState, AutocompleteOptionProps["style"]>>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACnE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACnE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjF,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,sBAAsB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC;IACtJ,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/typescript/src/utils/input-utils.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputRef } from "../types/element.types";
+export declare function setInnerInputValue(element: HTMLInputElement | TextInputRef, value: string): void;
+//# sourceMappingURL=input-utils.d.ts.map

package/dist/typescript/src/utils/input-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/input-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,EAAE,KAAK,EAAE,MAAM,QAMzF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "license": "MIT",
   "repository": {
     "type": "git",

package/scripts/build.sh

@@ -1,2 +1,2 @@
-bunx bob build
-bunx tsc-alias -p tsconfig.json --outDir dist/typescript
+bob build
+tsc-alias -p tsconfig.json --outDir dist/typescript

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

@@ -10,24 +10,27 @@ export function useAutocompleteVariantDefault(): AutocompleteStyles {
         disabled: {},
       },
       input: {
+        placeholderTextColor: colors.mutedForeground,
+        selectionColor: colors.primary,
         default: {
           borderWidth: 1,
           borderColor: colors.border,
           borderRadius: radius,
+          backgroundColor: colors.surface,
           paddingVertical: 12,
           paddingHorizontal: 16,
-          height: 48,
+          outlineWidth: 0,
           fontFamily,
           fontSize,
+          height: 48,
           color: colors.foreground,
-          backgroundColor: colors.background,
         },
         focused: {
           borderColor: colors.primary,
         },
         disabled: {
-          backgroundColor: colors.muted,
           color: colors.mutedForeground,
+          backgroundColor: colors.muted,
         },
       },
       overlay: {

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

@@ -1,4 +1,5 @@
 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";
@@ -16,6 +17,8 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
   const blurTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);
 
   const composedStyles = [autocomplete.styles?.input?.default, autocomplete.styles?.input?.[autocomplete.state], props.style];
+  const placeholderTextColor = autocomplete.styles?.input?.placeholderTextColor;
+  const selectionColor = autocomplete.styles?.input?.selectionColor;
 
   const handleFocus: TextInputProps["onFocus"] = (e) => {
     // Clear any pending blur timeout
@@ -62,7 +65,7 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
       inputRef.current?.blur();
     });
     autocomplete.setInputDisplayValueSetter(() => (v: string) => {
-      inputRef.current?.setNativeProps({ text: v });
+      setInnerInputValue(inputRef.current!, v);
     });
   }, []);
 
@@ -73,6 +76,8 @@ export const AutocompleteInput = forwardRef<TextInputRef, AutocompleteInputProps
       id={field?.id}
       value={autocomplete.inputValue}
       placeholder={autocomplete.placeholder}
+      placeholderTextColor={placeholderTextColor}
+      selectionColor={selectionColor}
       onChangeText={handleChangeText}
       onFocus={handleFocus}
       onBlur={handleBlur}

package/src/primitives/autocomplete/types.ts

@@ -10,7 +10,7 @@ export type AutocompleteOptionState = AutocompleteState | "hovered" | "selected"
 
 export interface AutocompleteStyles {
   root?: Partial<Record<AutocompleteState, AutocompleteRootProps["style"]>>;
-  input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>>;
+  input?: Partial<Record<AutocompleteState, AutocompleteInputProps["style"]>> & Pick<AutocompleteInputProps, "placeholderTextColor" | "selectionColor">;
   overlay?: Partial<Record<AutocompleteState, AutocompleteOverlayProps["style"]>>;
   content?: Partial<Record<AutocompleteState, AutocompleteContentProps["style"]>>;
   option?: Partial<Record<AutocompleteOptionState, AutocompleteOptionProps["style"]>>;

package/src/utils/input-utils.ts

@@ -0,0 +1,10 @@
+import type { TextInputRef } from "@/types/element.types";
+import { Platform } from "react-native";
+
+export function setInnerInputValue(element: HTMLInputElement | TextInputRef, value: string) {
+  if (Platform.OS === "web") {
+    (element as HTMLInputElement).value = value;
+  } else {
+    (element as TextInputRef)?.setNativeProps?.({ text: value });
+  }
+}