@app-studio/components 0.10.18 → 0.10.20

package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js

@@ -0,0 +1,92 @@
+import React from 'react';
+import { View, Horizontal, Vertical, Text } from 'app-studio';
+import { DefaultColorInputStyles, Sizes, Shapes, Variants, DefaultColorPalette, } from './ColorInput.style';
+import { TextField } from '../../TextField/TextField';
+import { ChevronIcon } from '../../../Icon/Icon';
+import { ActionSheet } from '../../../ActionSheet/ActionSheet';
+const ColorInputView = ({ id, name, label, placeholder = 'Select a color', helperText, views = {}, size = 'md', shape = 'default', variant = 'default', shadow, error = false, isDisabled = false, isReadOnly = false, predefinedColors = DefaultColorPalette, showCustomInput = true, showRecentColors = true, isOpen = false, selectedColor = '', recentColors = [], customColor = '', handleToggle = () => { }, handleColorSelect = () => { }, handleCustomColorChange = () => { }, handleCustomColorSubmit = () => { }, handleClose, triggerRef, dropdownRef, closeOnSelect, value, defaultValue, ...props }) => {
+    const containerStyles = {
+        ...DefaultColorInputStyles.container,
+        ...views?.container,
+    };
+    const triggerStyles = {
+        ...DefaultColorInputStyles.trigger,
+        ...Sizes[size],
+        ...Shapes[shape],
+        ...Variants[variant],
+        ...(error && { borderColor: 'color-red-500' }),
+        ...(isDisabled && { opacity: 0.6 }),
+        ...views?.trigger,
+        ...(shadow && shadow),
+    };
+    const colorGridStyles = {
+        ...DefaultColorInputStyles.colorGrid,
+        ...views?.colorGrid,
+    };
+    const recentColorsStyles = {
+        ...DefaultColorInputStyles.recentColors,
+        ...views?.recentColors,
+    };
+    const displayColor = selectedColor || 'color-gray-200';
+    const sheetSize = size === 'xs' || size === 'sm' ? 'sm' : size === 'xl' ? 'lg' : 'md';
+    return (<View {...containerStyles} {...props}>
+      {label && (<Text fontSize="12px" lineHeight="16px" fontWeight="500" color="color-gray-600" marginBottom="6px" {...views?.label}>
+          {label}
+        </Text>)}
+
+      <View ref={triggerRef} onPress={isDisabled || isReadOnly ? undefined : handleToggle} onClick={isDisabled || isReadOnly ? undefined : handleToggle} width={'fit-content'} gap={8} {...triggerStyles}>
+        <View width="20px" height="20px" borderRadius="4px" backgroundColor={displayColor} borderWidth="1px" borderStyle="solid" borderColor="color-gray-300"/>
+        <Text color={selectedColor ? 'color-gray-900' : 'color-gray-500'} fontSize="inherit" {...views?.text}>
+          {selectedColor || placeholder}
+        </Text>
+        {!isReadOnly && !isDisabled && (<ChevronIcon widthHeight={16} color="color-gray-500" orientation={isOpen ? 'up' : 'down'}/>)}
+      </View>
+
+      <ActionSheet isOpen={isOpen} onClose={handleClose} title={label || placeholder} size={sheetSize} views={{ sheet: views?.dropdown }}>
+        <View ref={dropdownRef} paddingHorizontal={16}>
+          <View {...colorGridStyles}>
+            {predefinedColors.map((colorOption, index) => (<View key={index} width="36px" height="36px" borderRadius="8px" backgroundColor={colorOption.value} borderWidth="2px" borderStyle="solid" borderColor={selectedColor === colorOption.value
+                ? 'theme-primary'
+                : 'transparent'} onPress={() => handleColorSelect(colorOption.value)} onClick={() => handleColorSelect(colorOption.value)} {...views?.colorSwatch}/>))}
+          </View>
+
+          {showRecentColors && recentColors.length > 0 && (<Vertical gap={8} marginTop="16px">
+              <Text fontSize="12px" fontWeight="500" color="color-gray-600">
+                Recent Colors
+              </Text>
+              <Horizontal gap={8} flexWrap="wrap" {...recentColorsStyles}>
+                {recentColors.map((color, index) => (<View key={index} width="24px" height="24px" borderRadius="8px" backgroundColor={color} borderWidth="1px" borderStyle="solid" borderColor={selectedColor === color
+                    ? 'theme-primary'
+                    : 'color-gray-300'} onPress={() => handleColorSelect(color)} onClick={() => handleColorSelect(color)}/>))}
+              </Horizontal>
+            </Vertical>)}
+
+          {showCustomInput && (<Vertical gap={8} marginTop="16px">
+              <Text fontSize="12px" fontWeight="500" color="color-gray-600">
+                Custom Color
+              </Text>
+              <Horizontal gap={8}>
+                <TextField value={customColor} onChange={(event) => handleCustomColorChange(typeof event === 'string'
+                ? event
+                : event?.target?.value ?? '')} placeholder="#000000 or rgb(0,0,0)" size="sm" style={{ flex: 1 }} views={views?.customInput}/>
+                <View padding="8px 12px" backgroundColor="theme-primary" borderRadius="8px" onPress={handleCustomColorSubmit} onClick={handleCustomColorSubmit}>
+                  <Text color="color-white" fontSize="12px" fontWeight="500">
+                    Add
+                  </Text>
+                </View>
+              </Horizontal>
+            </Vertical>)}
+        </View>
+      </ActionSheet>
+
+      {helperText && (<Text fontSize="12px" color={error ? 'color-red-500' : 'color-gray-600'} marginTop="4px" {...views?.helperText}>
+          {helperText}
+        </Text>)}
+
+      {error && typeof error === 'string' && (<Text fontSize="12px" color="color-red-500" marginTop="4px" {...views?.error}>
+          {error}
+        </Text>)}
+    </View>);
+};
+export default ColorInputView;
+//# sourceMappingURL=ColorInput.view.native.js.map

package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/ColorInput/ColorInput/ColorInput.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ComboBoxView (React Native)
+ *
+ * The web view positions its dropdown in a `Portal` using
+ * `getBoundingClientRect()` / `window.innerHeight` and a raw `<div>` trigger —
+ * none of which exist on React Native. This native view keeps the same public
+ * surface (search, single/multi select, chips, ticks) but renders the options
+ * in the shared ActionSheet used by native select/menu/picker surfaces.
+ */
+import React from 'react';
+import { ComboBoxViewProps } from './ComboBox.props';
+declare const ComboBoxView: React.FC<ComboBoxViewProps>;
+export default ComboBoxView;

package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js

@@ -0,0 +1,118 @@
+/**
+ * ComboBoxView (React Native)
+ *
+ * The web view positions its dropdown in a `Portal` using
+ * `getBoundingClientRect()` / `window.innerHeight` and a raw `<div>` trigger —
+ * none of which exist on React Native. This native view keeps the same public
+ * surface (search, single/multi select, chips, ticks) but renders the options
+ * in the shared ActionSheet used by native select/menu/picker surfaces.
+ */
+import React from 'react';
+import { View, Horizontal, Vertical, Text } from 'app-studio';
+import TextField from '../../../Form/TextField/TextField/TextField.view';
+import { ActionSheet } from '../../../ActionSheet/ActionSheet';
+import { SearchIcon, TickIcon, ChevronIcon, CloseIcon, } from '../../../Icon/Icon';
+import { FieldContent } from '../../../Input/FieldContent/FieldContent';
+const ComboBoxView = ({ placeholder, items, showTick = true, onSelect, searchEnabled = true, left, right, label, filteredItems, setSelectedItem, selectedItem, selectedItems, setSelectedItems, highlightedIndex, setHighlightedIndex, searchQuery, setSearchQuery, setFilteredItems, views, isDropdownVisible, setIsDropdownVisible, isMulti = false, ...props }) => {
+    const handleSearch = (query) => {
+        setSearchQuery(query);
+        if (query === '') {
+            setFilteredItems(items);
+        }
+        else {
+            const filtered = items.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()));
+            setFilteredItems(filtered);
+        }
+        setHighlightedIndex(0);
+    };
+    const handleSelect = (item) => {
+        if (isMulti) {
+            const isAlreadySelected = selectedItems.some((selected) => selected.value === item.value);
+            const newSelectedItems = isAlreadySelected
+                ? selectedItems.filter((selected) => selected.value !== item.value)
+                : [...selectedItems, item];
+            setSelectedItems(newSelectedItems);
+            onSelect?.(newSelectedItems);
+        }
+        else {
+            setSelectedItem(item);
+            onSelect?.(item);
+            setIsDropdownVisible(false);
+        }
+    };
+    const handleRemoveItem = (itemToRemove) => {
+        const newSelectedItems = selectedItems.filter((item) => item.value !== itemToRemove.value);
+        setSelectedItems(newSelectedItems);
+        onSelect?.(newSelectedItems);
+    };
+    const isItemSelected = (item) => {
+        if (isMulti) {
+            return selectedItems.some((selected) => selected.value === item.value);
+        }
+        return item.value === selectedItem?.value;
+    };
+    const selectedLabel = selectedItem?.label ?? placeholder;
+    return (<Horizontal flexWrap="nowrap" gap={15} alignItems="center" width="100%" {...props}>
+      {label && <Text views={views?.label}>{label}</Text>}
+      <View position="relative" width="100%" zIndex={isDropdownVisible ? 1000 : 0}>
+        <View onPress={() => setIsDropdownVisible(!isDropdownVisible)} onClick={() => setIsDropdownVisible(!isDropdownVisible)} width="100%">
+          <FieldContent isFocused={isDropdownVisible} cursor="pointer" views={{ container: views?.container }}>
+            <Horizontal gap={10} alignItems="center" width="100%" flexWrap={isMulti ? 'wrap' : 'nowrap'} {...views?.labelContainer}>
+              {left}
+              {isMulti ? (selectedItems.length > 0 ? (<Horizontal gap={6} flexWrap="wrap" alignItems="center">
+                    {selectedItems.map((item) => (<Horizontal key={item.value} alignItems="center" gap={4} paddingVertical={2} paddingHorizontal={8} borderRadius={999} backgroundColor="color-gray-100">
+                        {item.icon && <View flexShrink={0}>{item.icon}</View>}
+                        <Text size="sm" color="color-gray-700">
+                          {item.label}
+                        </Text>
+                        <CloseIcon widthHeight={12} color="color-gray-500" onClick={() => handleRemoveItem(item)}/>
+                      </Horizontal>))}
+                  </Horizontal>) : (<Text flexGrow={1} color="color-gray-500" {...views?.label}>
+                    {placeholder}
+                  </Text>)) : (<>
+                  {selectedItem?.icon && selectedLabel !== placeholder && (<View>{selectedItem.icon}</View>)}
+                  <Text flexGrow={1} color={selectedLabel === placeholder
+                ? 'color-gray-500'
+                : 'color-gray-800'} {...views?.label}>
+                    {selectedLabel}
+                  </Text>
+                </>)}
+            </Horizontal>
+            <Horizontal gap={8} alignItems="center">
+              {right}
+              <ChevronIcon widthHeight={16} orientation={isDropdownVisible ? 'up' : 'down'} color={isDropdownVisible ? 'color-gray-700' : 'color-gray-400'}/>
+            </Horizontal>
+          </FieldContent>
+        </View>
+
+        <ActionSheet isOpen={isDropdownVisible} onClose={() => setIsDropdownVisible(false)} title={typeof label === 'string' ? label : placeholder} closeOnSelect={!isMulti} views={{ sheet: views?.dropdown }}>
+          <View paddingHorizontal={12}>
+            {searchEnabled && (<View padding="8px" borderBottomWidth={1} borderStyle="solid" borderColor="color-gray-100">
+                <TextField id={`${props.id}-search`} name={`${props.name}-search`} width="100%" value={searchQuery} onChange={(value) => handleSearch(value)} hint={placeholder || 'Search...'} isClearable={false} left={<SearchIcon widthHeight={14} color="color-gray-400"/>}/>
+              </View>)}
+            {filteredItems.length > 0 ? (<Vertical paddingVertical={4}>
+                {filteredItems.map((item) => {
+                const isSelected = isItemSelected(item);
+                return (<Horizontal justifyContent="space-between" alignItems="center" key={item.value} paddingVertical={8} paddingHorizontal={10} borderRadius={6} backgroundColor={isSelected ? 'color-blue-50' : 'transparent'} onPress={() => handleSelect(item)} onClick={() => handleSelect(item)} {...views?.item}>
+                      <Horizontal gap={8} alignItems="center">
+                        {item.icon && <View flexShrink={0}>{item.icon}</View>}
+                        <Text size="sm" color={isSelected ? 'theme-primary' : 'color-gray-800'}>
+                          {item.label}
+                        </Text>
+                      </Horizontal>
+                      {isSelected && showTick && (<TickIcon widthHeight={16} color="theme-primary"/>)}
+                    </Horizontal>);
+            })}
+              </Vertical>) : (<Vertical alignItems="center" gap={4} padding="16px">
+                <SearchIcon widthHeight={24} color="color-gray-300"/>
+                <Text color="color-gray-500" size="sm">
+                  No results found
+                </Text>
+              </Vertical>)}
+          </View>
+        </ActionSheet>
+      </View>
+    </Horizontal>);
+};
+export default ComboBoxView;
+//# sourceMappingURL=ComboBox.view.native.js.map

package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/ComboBox/ComboBox/ComboBox.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CountryPickerViewProps } from './CountryPicker.props';
+export declare const CountryPickerView: React.FC<CountryPickerViewProps>;

package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { Input, Typography, useTheme } from 'app-studio';
+import { FieldContainer, FieldContent, FieldIcons, FieldLabel, FieldWrapper, } from '../../../Input';
+import { ActionSheet } from '../../../ActionSheet/ActionSheet';
+import countryList from '../countries.json';
+import { IconSizes } from './CountryPicker.style';
+import { ChevronIcon } from '../../../Icon/Icon';
+const CountrySelector = (props) => (<Input type="country" {...props}/>);
+export const CountryPickerView = ({ id, name, label, value, placeholder, helperText, hide = false, error = false, isFocused = false, isAutoFocus = false, isDisabled = false, isReadOnly = false, shadow = {}, newOptions = [], size = 'md', variant = 'default', shape = 'default', onChange, onBlur = () => { }, setHide = () => { }, setNewOptions = () => { }, setIsFocused = () => { }, setValue = () => { }, views = {
+    text: {},
+    icon: {},
+    label: {},
+    dropDown: {},
+    helperText: {},
+}, themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const iconColor = getColor('color-gray-500', {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const sheetSize = size === 'xs' || size === 'sm' ? 'sm' : size === 'xl' ? 'lg' : 'md';
+    const handleFocus = () => setIsFocused(true);
+    const handleCallback = (option) => {
+        setHide(true);
+        setIsFocused(false);
+        setValue(option);
+        onChange?.(option);
+    };
+    const handleOpen = () => {
+        if (!isDisabled && !isReadOnly) {
+            setHide(!hide);
+            setIsFocused(hide);
+        }
+    };
+    const handleChange = (event) => {
+        const valueCountry = typeof event === 'string' ? event : event?.target?.value ?? '';
+        const filteredCountries = countryList.filter((country) => country.name.toLowerCase().startsWith(valueCountry.toLowerCase()));
+        if (hide)
+            setHide(false);
+        setNewOptions(filteredCountries);
+        onChange?.(valueCountry);
+    };
+    const handleBlur = (event) => {
+        onBlur(event);
+        setIsFocused(false);
+    };
+    const showLabel = !!(label && (isFocused || value));
+    const fieldStyles = {
+        margin: 0,
+        paddingVertical: 8,
+        paddingHorizontal: 0,
+        width: '100%',
+        heigth: '100%',
+        border: 'none',
+        fontSize: Typography.fontSizes[size],
+        backgroundColor: 'transparent',
+        color: isDisabled ? 'color-gray-400' : 'color-gray-900',
+        ...views['field'],
+    };
+    return (<FieldContainer helperText={helperText} error={error} views={views} onPress={handleOpen} onClick={handleOpen}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel}>
+        <FieldWrapper>
+          {showLabel && (<FieldLabel htmlFor={id} color={'theme-primary'} error={error} views={views}>
+              {label}
+            </FieldLabel>)}
+          <CountrySelector id={id} name={name} placeholder={placeholder} readOnly={isReadOnly} disabled={isDisabled} autoFocus={isAutoFocus} onBlur={handleBlur} onFocus={handleFocus} {...fieldStyles} {...props} value={value} onChange={handleChange}/>
+        </FieldWrapper>
+        <FieldIcons>
+          <ChevronIcon orientation={hide ? 'down' : 'up'} widthHeight={IconSizes[size]} color={iconColor} style={views['icon']}/>
+        </FieldIcons>
+      </FieldContent>
+
+      <ActionSheet isOpen={!hide} onClose={() => {
+            setHide(true);
+            setIsFocused(false);
+        }} title={label || placeholder || 'Select country'} value={value} showCancel size={sheetSize} items={newOptions.map((country) => ({
+            id: country.code,
+            value: country.name,
+            label: `${country.emoji} ${country.name}`,
+            description: country.dial_code,
+            selected: value === country.name,
+            onPress: () => handleCallback(country.name),
+        }))} views={{
+            sheet: views?.dropDown,
+            itemLabel: views?.text,
+        }}/>
+    </FieldContainer>);
+};
+//# sourceMappingURL=CountryPicker.view.native.js.map

package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Form/Password/Password/Password.state.d.ts

@@ -39,6 +39,9 @@ export declare const usePasswordState: (props: PasswordProps) => {
     variant?: import("../../TextField/TextField/TextField.type").Variant;
     isMultiline?: boolean;
     rows?: number;
+    inputRef?: (node: {
+        focus: () => void;
+    } | null) => void;
     defaultChecked?: boolean | undefined;
     defaultValue?: (string | number | readonly string[]) | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1359,6 +1362,14 @@ export declare const usePasswordState: (props: PasswordProps) => {
     colorInterpolation?: import("csstype").Property.ColorInterpolation | undefined;
     colorRendering?: import("csstype").Property.ColorRendering | undefined;
     glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | undefined;
+    safeArea?: (boolean | "all" | import("app-studio").SafeAreaEdge | import("app-studio").SafeAreaEdge[]) | undefined;
+    safeAreaTop?: boolean | undefined;
+    safeAreaBottom?: boolean | undefined;
+    safeAreaLeft?: boolean | undefined;
+    safeAreaRight?: boolean | undefined;
+    safeAreaEdges?: import("app-studio").SafeAreaEdge[] | undefined;
+    ignoreSafeArea?: boolean | undefined;
+    safeAreaMode?: import("app-studio").SafeAreaMode | undefined;
     normalize?: (() => void) | undefined;
     select?: (() => void) | undefined;
     scroll?: {
@@ -1703,6 +1714,7 @@ export declare const usePasswordState: (props: PasswordProps) => {
     dataset?: DOMStringMap | undefined;
     blur?: (() => void) | undefined;
     focus?: ((options?: FocusOptions) => void) | undefined;
+    scrollEnabled?: boolean | undefined;
     autocomplete?: AutoFill | undefined;
     dirName?: string | undefined;
     files?: FileList | null | undefined;
@@ -1731,6 +1743,20 @@ export declare const usePasswordState: (props: PasswordProps) => {
     stepDown?: ((n?: number) => void) | undefined;
     stepUp?: ((n?: number) => void) | undefined;
     popoverTargetElement?: Element | null | undefined;
+    multiline?: boolean | undefined;
+    numberOfLines?: number | undefined;
+    onSubmitEditing?: ((..._args: any[]) => void) | undefined;
+    keyboardType?: string | undefined;
+    secureTextEntry?: boolean | undefined;
+    editable?: boolean | undefined;
+    caretHidden?: boolean | undefined;
+    selectionColor?: string | undefined;
+    placeholderTextColor?: string | undefined;
+    returnKeyType?: string | undefined;
+    textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+    textContentType?: string | undefined;
+    blurOnSubmit?: boolean | undefined;
+    clearButtonMode?: string | undefined;
     isVisible: boolean;
     setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/dist/native/components/Form/Select/Select/Select.view.native.d.ts

@@ -11,8 +11,8 @@
  * - document.addEventListener / closeAllSelects custom event
  * - cursor, hover transitions, chevron rotation transitions
  *
- * Notable simplification: the dropdown becomes a centered modal rather than
- * a popover anchored to the trigger.
+ * Native presentation uses the shared ActionSheet so selects, menus, and
+ * pickers get the same bottom-sheet interaction model.
  */
 import React from 'react';
 import { MultiSelectProps, SelectViewProps } from './Select.props';

package/dist/native/components/Form/Select/Select/Select.view.native.js

@@ -11,19 +11,19 @@
  * - document.addEventListener / closeAllSelects custom event
  * - cursor, hover transitions, chevron rotation transitions
  *
- * Notable simplification: the dropdown becomes a centered modal rather than
- * a popover anchored to the trigger.
+ * Native presentation uses the shared ActionSheet so selects, menus, and
+ * pickers get the same bottom-sheet interaction model.
  */
 import React from 'react';
-import { Modal as RNModal, Pressable, ScrollView, TouchableWithoutFeedback, } from 'react-native';
-import { Typography, Horizontal, Text, View, Vertical } from 'app-studio';
+import { Typography, Horizontal, Text, View } from 'app-studio';
+import { ActionSheet } from '../../../ActionSheet/ActionSheet';
 import { FieldContainer } from '../../../Input/FieldContainer/FieldContainer';
 import { FieldContent } from '../../../Input/FieldContent/FieldContent';
 import { FieldIcons } from '../../../Input/FieldIcons/FieldIcons';
 import { FieldLabel } from '../../../Input/FieldLabel/FieldLabel';
 import { FieldWrapper } from '../../../Input/FieldWrapper/FieldWrapper';
 import { ChevronIcon, CloseIcon } from '../../../Icon/Icon';
-import { IconSizes, optionStyles, optionStateStyles, chipStyles, } from './Select.style';
+import { IconSizes, optionStyles, chipStyles } from './Select.style';
 const withoutFieldShellView = (views) => {
     if (!views)
         return {};
@@ -127,34 +127,20 @@ const SelectView = ({ id, name, label, value, placeholder, helperText, hide = fa
         </FieldIcons>
       </FieldContent>
 
-      <RNModal visible={!hide && options.length > 0} transparent animationType="fade" onRequestClose={() => setHide(true)}>
-        <TouchableWithoutFeedback onPress={() => setHide(true)}>
-          <View flex={1} backgroundColor="color-blackAlpha-500" justifyContent="center" alignItems="center" paddingHorizontal={24}>
-            <TouchableWithoutFeedback>
-              <Vertical width="100%" maxWidth={400} maxHeight={400} backgroundColor="color-white" borderRadius={12} paddingVertical={8} paddingHorizontal={4} shadowColor="rgba(0, 0, 0, 0.15)" shadowOffset={{ width: 0, height: 4 }} shadowOpacity={1} shadowRadius={16} elevation={5} {...views?.dropDown}>
-                <ScrollView>
-                  {options.map((option, index) => {
-            const selected = isOptionSelected(option.value);
-            const stateStyle = selected
-                ? optionStateStyles.selected
-                : optionStateStyles.default;
-            return (<Pressable key={option.value} onPress={() => handleSelect(option.value)}>
-                        <Horizontal alignItems="center" justifyContent="space-between" {...optionStyles} {...stateStyle}>
-                          <Text fontSize={Typography.fontSizes[size]} fontWeight={selected ? '500' : '400'} color={selected ? 'color-gray-900' : 'color-gray-700'} {...views?.text}>
-                            {option.label}
-                          </Text>
-                          {selected && (<Text color="theme-primary" fontSize={14}>
-                              {'✓'}
-                            </Text>)}
-                        </Horizontal>
-                      </Pressable>);
-        })}
-                </ScrollView>
-              </Vertical>
-            </TouchableWithoutFeedback>
-          </View>
-        </TouchableWithoutFeedback>
-      </RNModal>
+      <ActionSheet isOpen={!hide && options.length > 0} onClose={() => {
+            setHide(true);
+            setIsFocused(false);
+        }} title={label} value={value} isMulti={isMulti} closeOnSelect={!isMulti} showCancel size={size === 'xs' || size === 'sm' ? 'sm' : size === 'xl' ? 'lg' : 'md'} items={options.map((option) => ({
+            id: option.value,
+            value: option.value,
+            label: option.label,
+            selected: isOptionSelected(option.value),
+            onPress: () => handleSelect(option.value),
+        }))} views={{
+            sheet: views?.dropDown,
+            item: optionStyles,
+            itemLabel: views?.text,
+        }}/>
     </FieldContainer>);
 };
 export default SelectView;

package/dist/native/components/Form/Select/Select/Select.view.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Select/Select/Select.view.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,IAAI,OAAO,EAChB,SAAS,EACT,UAAU,EACV,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM5D,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,MAAM,qBAAqB,GAAG,CAAgC,KAAS,EAAK,EAAE;IAC5E,IAAI,CAAC,KAAK;QAAE,OAAO,EAAO,CAAC;IAC3B,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IACrD,OAAO,WAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1D,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;IAC1D,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;IAC3D,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;IAC3D,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;CACnD,CAAC;AAEX,MAAM,SAAS,GAA6B,CAAC,EAC3C,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC/B,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG;QAClB,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC;QACpC,UAAU,EAAE,KAAc;QAC1B,UAAU,EAAE,EAAE;QACd,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;QACvD,GAAG,SAAS;QACZ,GAAG,QAAQ;KACZ,CAAC;IACF,MAAM,MAAM,GACV,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,KAAK,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAE7E,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CACpB;MAAA,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAC1B,WAAW,CACZ,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,CAClC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7C,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB;UAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,EAAG,CACnE,CAAC,CACJ;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CACpB,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,MAAM,EACN,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC/C,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,CAChE;MAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CACrC,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CAEtB;QAAA,CAAC,MAAM,CACT;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACzB;QAAA,CAAC,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EACjE;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAA8B,CAAC,EAC7C,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE,EACX,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG;IACN,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,EAAE;CACf,EACD,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EAAE,aAAa,EAC3B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,UAAU,IAAI,UAAU;YAAE,OAAO;QACrC,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC;QAC3B,OAAO,CAAC,YAAY,CAAC,CAAC;QACtB,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC3C,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBACjC,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,CAAC;gBACzC,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACnB,IAAI,QAAQ;oBAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,WAAW,CAAC,CAAC;YACtB,IAAI,QAAQ;gBAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,OAAO;YAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,WAAmB,EAAE,EAAE;QACjD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;YAClE,QAAQ,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC7D,OAAO,KAAK,KAAK,WAAW,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC;IAC1B,MAAM,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,CAAC,cAAc,CACb,KAAK,CAAC,MAAM,CACZ,EAAE,CAAC,CAAC,EAAE,CAAC,CACP,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAE5B;MAAA,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,eAAe,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAC3C,UAAU,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAChD,aAAa,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CACnD,WAAW,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CACjD,YAAY,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAClD,IAAK,KAAa,EAAE,OAAO,CAAC,CAE5B;QAAA,CAAC,YAAY,CACX;UAAA,CAAC,SAAS,IAAI,CACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,CACjE;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,UAAU,CAAC,CACd,CACD;UAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,YAAY,CAAC,CAAC,kBAAkB,CAAC,EAErC;QAAA,EAAE,YAAY,CACd;QAAA,CAAC,UAAU,CACT;UAAA,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,CAC7B,CAAC,WAAW,CACV,KAAK,CAAC,SAAS,CACf,WAAW,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAC7B,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAClC,CACH,CACH;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,YAAY,CAEd;;MAAA,CAAC,OAAO,CACN,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CACrC,WAAW,CACX,aAAa,CAAC,MAAM,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAEpC;QAAA,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CACrD;UAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,eAAe,CAAC,sBAAsB,CACtC,cAAc,CAAC,QAAQ,CACvB,UAAU,CAAC,QAAQ,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAEtB;YAAA,CAAC,wBAAwB,CACvB;cAAA,CAAC,QAAQ,CACP,KAAK,CAAC,MAAM,CACZ,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,SAAS,CAAC,CAAC,GAAG,CAAC,CACf,eAAe,CAAC,aAAa,CAC7B,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACrB,WAAW,CAAC,qBAAqB,CACjC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CACtC,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,IAAK,KAAa,EAAE,QAAQ,CAAC,CAE7B;gBAAA,CAAC,UAAU,CACT;kBAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAChD,MAAM,UAAU,GAAG,QAAQ;gBACzB,CAAC,CAAC,iBAAiB,CAAC,QAAQ;gBAC5B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;YAC9B,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAClB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAE1C;wBAAA,CAAC,UAAU,CACT,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,eAAe,CAC9B,IAAI,YAAY,CAAC,CACjB,IAAI,UAAU,CAAC,CAEf;0BAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CACrC,KAAK,CAAC,CACJ,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAChC,CAAC,CACD,IAAK,KAAa,EAAE,IAAI,CAAC,CAEzB;4BAAA,CAAC,MAAM,CAAC,KAAK,CACf;0BAAA,EAAE,IAAI,CACN;0BAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACvC;8BAAA,CAAC,GAAG,CACN;4BAAA,EAAE,IAAI,CAAC,CACR,CACH;wBAAA,EAAE,UAAU,CACd;sBAAA,EAAE,SAAS,CAAC,CACb,CAAC;QACJ,CAAC,CAAC,CACJ;gBAAA,EAAE,UAAU,CACd;cAAA,EAAE,QAAQ,CACZ;YAAA,EAAE,wBAAwB,CAC5B;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,wBAAwB,CAC5B;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Select.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Select/Select/Select.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Form/Selector/Selector/Selector.view.native.d.ts

@@ -0,0 +1,12 @@
+/**
+ * SelectorView (React Native)
+ *
+ * Identical segmented-control UI to the web view, minus the trailing hidden
+ * `<input type="hidden">` (a web-only form-submission shim that crashes the RN
+ * renderer). `as="button"` collapses to a Pressable on native and `onClick`
+ * maps to `onPress`, so the segments stay fully interactive.
+ */
+import React from 'react';
+import { SelectorViewProps } from './Selector.props';
+declare const SelectorView: React.FC<SelectorViewProps>;
+export default SelectorView;

package/dist/native/components/Form/Selector/Selector/Selector.view.native.js

@@ -0,0 +1,44 @@
+/**
+ * SelectorView (React Native)
+ *
+ * Identical segmented-control UI to the web view, minus the trailing hidden
+ * `<input type="hidden">` (a web-only form-submission shim that crashes the RN
+ * renderer). `as="button"` collapses to a Pressable on native and `onClick`
+ * maps to `onPress`, so the segments stay fully interactive.
+ */
+import React, { useCallback } from 'react';
+import { Horizontal } from 'app-studio';
+import { Text } from 'app-studio';
+import { View } from 'app-studio';
+import { FieldContainer } from '../../../Input/FieldContainer/FieldContainer';
+import { InfoIcon } from '../../../Icon/Icon';
+const SelectorView = ({ id, label, value, views = {}, options = [], onChange = () => { }, setValue = () => { }, }) => {
+    const handleCallback = useCallback((option) => {
+        setValue(option.value);
+        if (onChange)
+            onChange(option.value);
+    }, [setValue, onChange]);
+    return (<FieldContainer id={id} width="100%" views={views}>
+      {label && (<Horizontal fontSize="10px" letterSpacing="wider" color="color-black-500" fontWeight="bold" marginBottom={12} alignItems="center" gap={6}>
+          <InfoIcon widthHeight={14}/> <Text>{label}</Text>
+        </Horizontal>)}
+      <Horizontal gap={0}>
+        {options.map((option, index, arr) => {
+            const isSelected = value === option.value;
+            const accent = option.color ?? 'theme-primary';
+            const borderToken = isSelected ? accent : 'color-gray-200';
+            const textToken = isSelected ? accent : 'color-gray-500';
+            const isFirst = index === 0;
+            const isLast = index === arr.length - 1;
+            const showRightBorder = isLast || isSelected;
+            return (<View key={option.value} onClick={() => handleCallback(option)} flex={1} alignItems="center" paddingVertical={6} paddingHorizontal={12} backgroundColor="transparent" borderStyle="solid" borderColor={borderToken} borderTopWidth={1} borderBottomWidth={1} borderLeftWidth={1} borderRightWidth={showRightBorder ? 1 : 0} borderTopLeftRadius={isFirst ? 6 : 0} borderBottomLeftRadius={isFirst ? 6 : 0} borderTopRightRadius={isLast ? 6 : 0} borderBottomRightRadius={isLast ? 6 : 0} zIndex={isSelected ? 1 : 0} {...views.item}>
+              <Text fontSize="12px" fontWeight={isSelected ? 'bold' : 'normal'} color={textToken}>
+                {option.label}
+              </Text>
+            </View>);
+        })}
+      </Horizontal>
+    </FieldContainer>);
+};
+export default SelectorView;
+//# sourceMappingURL=Selector.view.native.js.map