@app-studio/components 0.10.17

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.style.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Select/Select/Select.style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAyB;IAC7C,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAc;IACvC,6CAA6C;IAC7C,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,gBAAgB;IAC7B,mCAAmC;IACnC,SAAS,EAAE,+BAA+B;CAC3C,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE;QACL,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,wBAAwB;QACnC,UAAU,EAAE,sBAAsB;KACnC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,8BAA8B;KAC1C;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,8BAA8B;KAC1C;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,CAAC,EAAE,YAAY;IAC7B,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,uBAAuB;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,eAAe,EAAE,eAAe;KACjC;IACD,WAAW,EAAE;QACX,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,gBAAgB;KAClC;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,gBAAgB;KAClC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,SAAS,EAAE,gBAAgB;QAC3B,UAAU,EAAE,sBAAsB;KACnC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE,sBAAsB;KACnC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAc;IACnC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC,EAAE,YAAY;IAC7B,eAAe,EAAE,gBAAgB;IACjC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,uBAAuB;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,cAAc,EAAE,MAAe;IAC/B,cAAc,EAAE,iCAAiC;CAClD,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MultiSelectProps, SelectViewProps } from './Select.props';
+/**
+ * MultiSelect Component
+ *
+ * Renders a selected option in a multi-select component
+ */
+export declare const MultiSelect: React.FC<MultiSelectProps>;
+declare const SelectView: React.FC<SelectViewProps>;
+export default SelectView;

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

@@ -0,0 +1,335 @@
+import React, { useCallback, useRef } from 'react';
+import { Portal } from '../../../Portal/Portal';
+import { Element, useElementPosition } from 'app-studio';
+import { Typography } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Text } from 'app-studio';
+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, dropdownStyles, dropdownAnimation, optionStyles, optionStateStyles, chevronAnimation, chipStyles, scrollbarStyles, } from './Select.style';
+const withoutFieldShellView = (views) => {
+    if (!views)
+        return {};
+    const { container, content, ...layoutViews } = views;
+    return layoutViews;
+};
+const fieldSizeStyles = {
+    xs: {
+        minHeight: 24,
+        shellPaddingY: 6,
+        shellPaddingX: 10,
+    },
+    sm: {
+        minHeight: 32,
+        shellPaddingY: 8,
+        shellPaddingX: 10,
+    },
+    md: {
+        minHeight: 40,
+        shellPaddingY: 10,
+        shellPaddingX: 12,
+    },
+    lg: {
+        minHeight: 48,
+        shellPaddingY: 12,
+        shellPaddingX: 14,
+    },
+    xl: {
+        minHeight: 56,
+        shellPaddingY: 14,
+        shellPaddingX: 16,
+    },
+};
+/**
+ * Item Component
+ *
+ * Renders an individual option item in the select dropdown
+ */
+const Item = ({ isHovered, setIsHovered = () => { }, option, size = 'md', callback = () => { }, style, isSelected = false, ...props }) => {
+    // Handles the click event on an option
+    const handleOptionClick = (e, option) => {
+        e.stopPropagation();
+        e.preventDefault();
+        if (typeof callback === 'function') {
+            callback(option);
+        }
+    };
+    // Toggles the hover state on the item
+    const handleHover = () => setIsHovered(!isHovered);
+    // Get background color based on state priority
+    const getStateStyle = () => {
+        if (isSelected && isHovered)
+            return optionStateStyles.selectedHighlighted;
+        if (isSelected)
+            return optionStateStyles.selected;
+        if (isHovered)
+            return optionStateStyles.highlighted;
+        return optionStateStyles.default;
+    };
+    return (<Element as="li" 
+    // Layout - improved touch targets
+    display="flex" alignItems="center" justifyContent="space-between" listStyleType="none" 
+    // Apply option styles from design tokens
+    {...optionStyles} {...getStateStyle()} 
+    // Event handlers
+    onMouseEnter={handleHover} onMouseLeave={handleHover} onClick={(e) => handleOptionClick(e, option.value)} 
+    // Apply custom props
+    {...props}>
+      <Text fontSize={Typography.fontSizes[size]} fontWeight={isSelected ? '500' : '400'} lineHeight="14px" color={isSelected ? 'color-gray-900' : 'color-gray-700'} {...style}>
+        {option.label}
+      </Text>
+      {/* Selected indicator */}
+      {isSelected && (<Element as="span" color="theme-primary" fontSize="14px" marginLeft={8} display="flex" alignItems="center">
+          ✓
+        </Element>)}
+    </Element>);
+};
+/**
+ * SelectBox Component
+ *
+ * Renders the main select box with selected value(s)
+ */
+const SelectBox = ({ size = 'md', views = { field: {}, text: {} }, value, isDisabled, placeholder, removeOption = () => { }, options, }) => {
+    const fieldView = views?.field || {};
+    const textView = views?.text || {};
+    /**
+     * Styles for the select field
+     */
+    const fieldStyles = {
+        // Layout properties
+        margin: 0,
+        width: '95%',
+        height: '100%',
+        border: 'none',
+        paddingVertical: 4, // 3 × 4px grid
+        paddingHorizontal: 0,
+        // Typography properties
+        fontSize: Typography.fontSizes[size],
+        fontWeight: '400', // Regular weight
+        lineHeight: '20px',
+        letterSpacing: '-0.01em', // Slight negative tracking for modern look
+        // Visual properties
+        color: isDisabled ? 'color-gray-400' : 'color-gray-900',
+        // State properties
+        cursor: isDisabled ? 'not-allowed' : 'pointer',
+        // Animation
+        transition: 'all 0.2s ease-in-out',
+        // Apply custom styles
+        ...fieldView,
+        ...textView,
+        style: {
+            backgroundColor: 'transparent',
+            ...fieldView.style,
+            ...textView.style,
+        },
+    };
+    const option = options.length > 0 && options.find((option) => option.value === value);
+    return (<Text {...fieldStyles}>
+      {/* Check if value is an empty string or if value is an array but with no items, then show placeholder */}
+      {(value === '' || (Array.isArray(value) && value.length === 0)) &&
+            !!placeholder ? (placeholder) : (<>
+          {/* If value is a string, use the option label or value */}
+          {typeof value === 'string' ? ((option && option.label) ?? value) : // If value is an array and not empty, render MultiSelect options
+                Array.isArray(value) && value.length > 0 ? (<Horizontal gap={6}>
+              {value.map((option) => (<MultiSelect key={option} option={option} removeOption={removeOption}/>))}
+            </Horizontal>) : (
+                // Handle any other types of value (including objects or unexpected values)
+                <span>{value}</span>)}
+        </>)}
+    </Text>);
+};
+const HiddenSelect = ({ id, name, value, onChange, isMulti = false, isDisabled = false, isReadOnly = false, options = [], ...props }) => {
+    const handleChange = (event) => {
+        if (onChange)
+            onChange(event);
+    };
+    return (<Element id={id} name={name} as="select" opacity={0} width={1} height={1} overflow="hidden" position="absolute" pointerEvents="none" tabIndex={-1} aria-hidden="true" value={value} disabled={isDisabled} readOnly={isReadOnly} onChange={handleChange} multiple={isMulti} {...props}>
+      {options.length > 0 &&
+            options.map((option) => {
+                return (<option key={option.value} value={option.value}>
+              {option.label}
+            </option>);
+            })}
+    </Element>);
+};
+/**
+ * DropDown Component
+ *
+ * Renders the dropdown list of options for the select component
+ */
+const DropDown = ({ size, views = {}, options, callback = () => { }, highlightedIndex, setHighlightedIndex = () => { }, selectedValue, }) => {
+    const handleCallback = (option) => callback(option);
+    // Check if an option is selected
+    const isOptionSelected = (optionValue) => {
+        if (Array.isArray(selectedValue)) {
+            return selectedValue.includes(optionValue);
+        }
+        return selectedValue === optionValue;
+    };
+    return (<Element as="ul" role="listbox" display="flex" flexDirection="column" margin={0} padding="4px" {...dropdownStyles} style={scrollbarStyles} {...views?.dropDown}>
+      {options &&
+            options.length > 0 &&
+            options.map((option, index) => (<Item key={option.value} size={size} style={views['text']} option={option} callback={handleCallback} isSelected={isOptionSelected(option.value)} isHovered={index === highlightedIndex} setIsHovered={() => { }} onMouseEnter={() => setHighlightedIndex(index)}/>))}
+    </Element>);
+};
+/**
+ * MultiSelect Component
+ *
+ * Renders a selected option in a multi-select component
+ */
+export const MultiSelect = ({ option, size = 'md', removeOption = () => { }, ...props }) => {
+    const handleClick = () => removeOption(option);
+    return (<Horizontal gap={6} alignItems="center" onClick={(event) => event.stopPropagation()} {...chipStyles} _hover={{
+            backgroundColor: 'color-gray-200',
+        }} {...props}>
+      <Text fontSize={Typography.fontSizes[size]} fontWeight="500" color="color-gray-700">
+        {option}
+      </Text>
+
+      <CloseIcon role="close-button" color="color-gray-500" widthHeight={IconSizes[size]} onClick={handleClick} cursor="pointer" transition="all 0.2s ease-in-out" _hover={{
+            color: 'color-gray-700',
+        }}/>
+    </Horizontal>);
+};
+const SelectView = ({ id, name, label, value, placeholder, helperText, hide = false, error = false, isMulti = false, isFocused = false, isHovered = false, isDisabled = false, isReadOnly = false, options = [], shadow = {}, size = 'md', shape = 'default', variant = 'default', views = {
+    text: {},
+    icon: {},
+    dropDown: {},
+    selectBox: {},
+    label: {},
+    helperText: {},
+}, onChange = () => { }, setHide = () => { }, setValue = () => { }, setIsHovered = () => { }, setIsFocused = () => { }, setHighlightedIndex, highlightedIndex, isScrollable, ...props }) => {
+    const { ref: triggerRef, relation, updateRelation, } = useElementPosition({
+        trackChanges: true,
+        trackOnScroll: true,
+        trackOnResize: true,
+        throttleMs: 10,
+    });
+    const dropdownRef = useRef(null);
+    // Get optimal positioning style based on available space
+    // Get optimal positioning style based on available space
+    const getDropdownStyle = () => {
+        if (!triggerRef.current)
+            return {};
+        const rect = triggerRef.current.getBoundingClientRect();
+        const baseStyle = {
+            position: 'fixed',
+            left: rect.left,
+            width: rect.width,
+            zIndex: 10000,
+        };
+        // Use relation to determine vertical placement if available, otherwise default to bottom
+        const isTop = relation?.space?.vertical === 'top';
+        if (isTop) {
+            return {
+                ...baseStyle,
+                bottom: window.innerHeight - rect.top + 8, // 8px gap
+            };
+        }
+        else {
+            return {
+                ...baseStyle,
+                top: rect.bottom + 8, // 8px gap
+            };
+        }
+    };
+    // close when *any* other select opens
+    React.useEffect(() => {
+        const handleCloseAll = () => setHide(true);
+        document.addEventListener('closeAllSelects', handleCloseAll);
+        return () => document.removeEventListener('closeAllSelects', handleCloseAll);
+    }, [setHide]);
+    // Add a global click handler to close the dropdown when clicking outside
+    React.useEffect(() => {
+        const handleGlobalClick = (e) => {
+            const target = e.target;
+            // Only close if clicking outside of this specific select component
+            if (!target.closest(`#${id}`) && !hide) {
+                setHide(true);
+            }
+        };
+        document.addEventListener('click', handleGlobalClick);
+        return () => {
+            document.removeEventListener('click', handleGlobalClick);
+        };
+    }, [id, hide, setHide]);
+    const handleHover = () => setIsHovered(!isHovered);
+    const handleFocus = () => setIsFocused(true);
+    const handleClick = (event) => {
+        // tell all other selects to close
+        document.dispatchEvent(new Event('closeAllSelects'));
+        if (event && event.stopPropagation)
+            event.stopPropagation();
+        // Toggle dropdown visibility
+        const newHideState = !hide;
+        setHide(newHideState);
+        setIsFocused(!newHideState); // Set focus state based on dropdown visibility
+    };
+    const handleCallback = useCallback((option) => {
+        // Close dropdown after selection
+        setHide(true);
+        // Tell all other selects to close
+        document.dispatchEvent(new Event('closeAllSelects'));
+        // Update value based on multi-select or single-select mode
+        if (isMulti && Array.isArray(value)) {
+            if (!value.includes(option)) {
+                const newValue = [...value, option];
+                setValue(newValue);
+                if (onChange)
+                    onChange(option);
+            }
+        }
+        else {
+            setValue(option);
+            if (onChange)
+                onChange(option);
+        }
+        // Set focus to indicate selection
+        setIsFocused(true);
+    }, [isMulti, value, setHide, setValue, onChange, setIsFocused]);
+    const handleRemoveOption = (valueOption) => {
+        if (Array.isArray(value) && value.includes(valueOption)) {
+            const newValue = value.filter((option) => option !== valueOption);
+            setValue(newValue.length === 0 ? [] : newValue);
+        }
+    };
+    const showLabel = !!label;
+    const layoutViews = withoutFieldShellView(views);
+    return (<FieldContainer ref={triggerRef} position="relative" width="100%" display="inline-block" id={id} role="SelectBox" helperText={helperText} error={error} views={layoutViews} onClick={(e) => {
+            // Stop propagation to prevent clicks from bubbling up
+            e.stopPropagation();
+            // Only handle click if not disabled or readonly
+            if (!(isDisabled || isReadOnly)) {
+                handleClick(e);
+            }
+        }}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isHovered={isHovered} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel} minHeight={`${fieldSizeStyles[size].minHeight}px`} paddingTop={fieldSizeStyles[size].shellPaddingY} paddingBottom={fieldSizeStyles[size].shellPaddingY} paddingLeft={fieldSizeStyles[size].shellPaddingX} paddingRight={fieldSizeStyles[size].shellPaddingX} onMouseEnter={handleHover} onMouseLeave={handleHover} position="relative" {...views?.content}>
+        <FieldWrapper>
+          {showLabel && (<FieldLabel htmlFor={id} color={'theme-primary'} error={error} {...views?.label}>
+              {label}
+            </FieldLabel>)}
+          <HiddenSelect id={id} name={name} options={options} onChange={onChange} value={value} isDisabled={isDisabled} isReadOnly={isReadOnly} isMulti={isMulti} onFocus={handleFocus} {...props}/>
+          <SelectBox options={options} size={size} views={views} value={value} isDisabled={isDisabled} placeholder={placeholder} removeOption={handleRemoveOption}/>
+        </FieldWrapper>
+        <FieldIcons>
+          {!isReadOnly && !isDisabled && (<Element display="flex" alignItems="center" justifyContent="center" style={hide ? chevronAnimation.closed : chevronAnimation.open}>
+              <ChevronIcon color="inherit" widthHeight={IconSizes[size]} style={views.icon} orientation="down"/>
+            </Element>)}
+        </FieldIcons>
+        {!hide && options.length > 0 && (<Portal>
+            <Element ref={dropdownRef} onClick={(e) => e.stopPropagation()} style={{
+                ...getDropdownStyle(),
+                ...dropdownAnimation.enter,
+            }}>
+              <DropDown size={size} views={views} options={options} callback={handleCallback} highlightedIndex={highlightedIndex} setHighlightedIndex={setHighlightedIndex} selectedValue={value}/>
+            </Element>
+          </Portal>)}
+      </FieldContent>
+    </FieldContainer>);
+};
+export default SelectView;
+//# sourceMappingURL=Select.view.js.map

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * Select View Component (React Native)
+ *
+ * RN counterpart of Select.view.tsx. There is no native <select> on RN, so
+ * we simulate it with a pressable field that opens a React Native <Modal/>
+ * containing a scrollable list of options. Drops web-only concepts:
+ * - <select>/<option> HTML elements
+ * - HiddenSelect (no need to keep an a11y twin on RN)
+ * - Portal + getBoundingClientRect-based dropdown positioning
+ *   (position: fixed, window.innerHeight, etc.)
+ * - 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.
+ */
+import React from 'react';
+import { MultiSelectProps, SelectViewProps } from './Select.props';
+export declare const MultiSelect: React.FC<MultiSelectProps>;
+declare const SelectView: React.FC<SelectViewProps>;
+export default SelectView;

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

@@ -0,0 +1,167 @@
+/**
+ * Select View Component (React Native)
+ *
+ * RN counterpart of Select.view.tsx. There is no native <select> on RN, so
+ * we simulate it with a pressable field that opens a React Native <Modal/>
+ * containing a scrollable list of options. Drops web-only concepts:
+ * - <select>/<option> HTML elements
+ * - HiddenSelect (no need to keep an a11y twin on RN)
+ * - Portal + getBoundingClientRect-based dropdown positioning
+ *   (position: fixed, window.innerHeight, etc.)
+ * - 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.
+ */
+import React from 'react';
+import { Modal as RNModal, Pressable, ScrollView, TouchableWithoutFeedback, } from 'react-native';
+import { Typography, Horizontal, Text, View, Vertical } from 'app-studio';
+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';
+const withoutFieldShellView = (views) => {
+    if (!views)
+        return {};
+    const { container, content, ...layoutViews } = views;
+    return layoutViews;
+};
+const fieldSizeStyles = {
+    xs: { minHeight: 24, shellPaddingY: 6, shellPaddingX: 10 },
+    sm: { minHeight: 32, shellPaddingY: 8, shellPaddingX: 10 },
+    md: { minHeight: 40, shellPaddingY: 10, shellPaddingX: 12 },
+    lg: { minHeight: 48, shellPaddingY: 12, shellPaddingX: 14 },
+    xl: { minHeight: 56, shellPaddingY: 14, shellPaddingX: 16 },
+};
+const SelectBox = ({ size = 'md', views = { field: {}, text: {} }, value, isDisabled, placeholder, removeOption = () => { }, options, }) => {
+    const fieldView = views?.field || {};
+    const textView = views?.text || {};
+    const fieldStyles = {
+        width: '95%',
+        paddingVertical: 4,
+        fontSize: Typography.fontSizes[size],
+        fontWeight: '400',
+        lineHeight: 20,
+        color: isDisabled ? 'color-gray-400' : 'color-gray-900',
+        ...fieldView,
+        ...textView,
+    };
+    const option = options.length > 0 && options.find((option) => option.value === value);
+    const isEmpty = value === '' || (Array.isArray(value) && value.length === 0);
+    return (<Text {...fieldStyles}>
+      {isEmpty && !!placeholder
+            ? placeholder
+            : typeof value === 'string'
+                ? (option && option.label) ?? value
+                : Array.isArray(value) && value.length > 0
+                    ? (<Horizontal gap={6}>
+              {value.map((opt) => (<MultiSelect key={opt} option={opt} removeOption={removeOption}/>))}
+            </Horizontal>)
+                    : String(value ?? '')}
+    </Text>);
+};
+export const MultiSelect = ({ option, size = 'md', removeOption = () => { }, ...props }) => {
+    const handlePress = () => removeOption(option);
+    return (<Horizontal gap={6} alignItems="center" {...chipStyles} {...props}>
+      <Text fontSize={Typography.fontSizes[size]} fontWeight="500" color="color-gray-700">
+        {option}
+      </Text>
+      <View onPress={handlePress}>
+        <CloseIcon color="color-gray-500" widthHeight={IconSizes[size]}/>
+      </View>
+    </Horizontal>);
+};
+const SelectView = ({ id, name, label, value, placeholder, helperText, hide = false, error = false, isMulti = false, isFocused = false, isHovered = false, isDisabled = false, isReadOnly = false, options = [], shadow = {}, size = 'md', shape = 'default', variant = 'default', views = {
+    text: {},
+    icon: {},
+    dropDown: {},
+    selectBox: {},
+    label: {},
+    helperText: {},
+}, onChange = () => { }, setHide = () => { }, setValue = () => { }, setIsHovered = () => { }, setIsFocused = () => { }, setHighlightedIndex, highlightedIndex, isScrollable: _isScrollable, ...props }) => {
+    const handlePressTrigger = () => {
+        if (isDisabled || isReadOnly)
+            return;
+        const newHideState = !hide;
+        setHide(newHideState);
+        setIsFocused(!newHideState);
+    };
+    const handleSelect = (optionValue) => {
+        if (isMulti && Array.isArray(value)) {
+            if (!value.includes(optionValue)) {
+                const newValue = [...value, optionValue];
+                setValue(newValue);
+                if (onChange)
+                    onChange(optionValue);
+            }
+        }
+        else {
+            setValue(optionValue);
+            if (onChange)
+                onChange(optionValue);
+        }
+        if (!isMulti)
+            setHide(true);
+    };
+    const handleRemoveOption = (valueOption) => {
+        if (Array.isArray(value) && value.includes(valueOption)) {
+            const newValue = value.filter((option) => option !== valueOption);
+            setValue(newValue.length === 0 ? [] : newValue);
+        }
+    };
+    const isOptionSelected = (optionValue) => {
+        if (Array.isArray(value))
+            return value.includes(optionValue);
+        return value === optionValue;
+    };
+    const showLabel = !!label;
+    const layoutViews = withoutFieldShellView(views);
+    return (<FieldContainer width="100%" id={id} helperText={helperText} error={error} views={layoutViews} onPress={handlePressTrigger}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isHovered={isHovered} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel} minHeight={fieldSizeStyles[size].minHeight} paddingTop={fieldSizeStyles[size].shellPaddingY} paddingBottom={fieldSizeStyles[size].shellPaddingY} paddingLeft={fieldSizeStyles[size].shellPaddingX} paddingRight={fieldSizeStyles[size].shellPaddingX} {...views?.content}>
+        <FieldWrapper>
+          {showLabel && (<FieldLabel color={'theme-primary'} error={error} {...views?.label}>
+              {label}
+            </FieldLabel>)}
+          <SelectBox options={options} size={size} views={views} value={value} isDisabled={isDisabled} placeholder={placeholder} removeOption={handleRemoveOption}/>
+        </FieldWrapper>
+        <FieldIcons>
+          {!isReadOnly && !isDisabled && (<ChevronIcon color="inherit" widthHeight={IconSizes[size]} orientation={hide ? 'down' : 'up'}/>)}
+        </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>
+    </FieldContainer>);
+};
+export default SelectView;
+//# sourceMappingURL=Select.view.native.js.map

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

@@ -0,0 +1 @@
+{"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/Select/Select.d.ts

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { useSelectState } from './Select/Select.state';
+import SelectView from './Select/Select.view';
+import { useMergedDesignSystemComponentProps } from '../../../design-system';
+// Defines a functional component named 'SelectComponent', which is expected to receive 'SelectProps' as properties.
+const SelectComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('select', props);
+    // Ensure options is always an array
+    const safeProps = {
+        ...mergedProps,
+        options: mergedProps.options || [],
+    };
+    // Invokes the 'useSelectState' hook with props to obtain stateful logic for the Select component.
+    const selectStates = useSelectState(safeProps);
+    // Renders the 'SelectView' component, passing along any states controlled by 'useSelectState' and all properties passed to 'SelectComponent'.
+    return (<SelectView {...selectStates} {...safeProps} onClick={(e) => {
+            // Stop propagation to prevent the global click handler from closing other dropdowns
+            e.stopPropagation();
+            if (mergedProps.onClick)
+                mergedProps.onClick(e);
+        }}/>);
+};
+// Exports 'SelectComponent' as 'Select', making it available for import in other parts of the application.
+export const Select = SelectComponent;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/components/Form/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AAExE,oHAAoH;AACpH,MAAM,eAAe,GAA0B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,mCAAmC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACzE,oCAAoC;IACpC,MAAM,SAAS,GAAG;QAChB,GAAG,WAAW;QACd,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,EAAE;KACnC,CAAC;IAEF,kGAAkG;IAClG,MAAM,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAE/C,8IAA8I;IAC9I,OAAO,CACL,CAAC,UAAU,CACT,IAAI,YAAY,CAAC,CACjB,IAAI,SAAS,CAAC,CACd,OAAO,CAAC,CAAC,CAAC,CAAmC,EAAE,EAAE;YAC/C,oFAAoF;YACpF,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,WAAW,CAAC,OAAO;gBAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2GAA2G;AAC3G,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC"}