@app-studio/components 0.10.17

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

@@ -0,0 +1,170 @@
+/**
+ * ComboBox Styles
+ *
+ * Design system tokens for the ComboBox component following guidelines:
+ * - Typography: Inter/Geist font, specific sizes/weights
+ * - Spacing: 4px grid system
+ * - Colors: Neutral palette with semantic colors
+ * - Rounded corners: Consistent border radius
+ * - Transitions: Subtle, physics-based animations
+ */
+export const Sizes = {
+    xs: { minHeight: '28px', fontSize: '12px', padding: '4px 8px' },
+    sm: { minHeight: '32px', fontSize: '12px', padding: '6px 10px' },
+    md: { minHeight: '40px', fontSize: '14px', padding: '8px 12px' },
+    lg: { minHeight: '48px', fontSize: '14px', padding: '10px 14px' },
+    xl: { minHeight: '56px', fontSize: '16px', padding: '12px 16px' },
+};
+/**
+ * Icon sizes proportional to component size
+ */
+export const IconSizes = {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 20,
+    xl: 24,
+};
+/**
+ * Dropdown container styles
+ * - Subtle shadow for elevation
+ * - Smooth border and radius
+ * - Animation-ready properties
+ */
+export const dropdownStyles = {
+    // width handled by JS for Portal positioning
+    maxHeight: '280px',
+    overflowY: 'auto',
+    zIndex: 1000,
+    backgroundColor: 'color-white',
+    borderRadius: 12, // radius-lg
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    borderColor: 'color-gray-200',
+    // Standard elevation shadow
+    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+};
+/**
+ * Dropdown animation keyframes (applied via style prop)
+ */
+export const dropdownAnimation = {
+    enter: {
+        opacity: 1,
+        transform: 'translateY(0) scale(1)',
+        transition: 'all 0.2s ease-in-out',
+    },
+    exit: {
+        opacity: 0,
+        transform: 'translateY(-4px) scale(0.98)',
+    },
+    initial: {
+        opacity: 0,
+        transform: 'translateY(-8px) scale(0.96)',
+    },
+};
+/**
+ * Search field container styles
+ */
+export const searchContainerStyles = {
+    padding: '8px',
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomColor: 'color-gray-100',
+    backgroundColor: 'color-gray-50',
+    borderTopLeftRadius: 10,
+    borderTopRightRadius: 10,
+};
+/**
+ * Option item styles with hover/focus states
+ */
+export const optionStyles = {
+    padding: '8px 10px',
+    cursor: 'pointer',
+    borderRadius: 8, // radius-md
+    margin: '1px 4px',
+    transition: 'all 0.15s ease-in-out',
+};
+/**
+ * Option item state variants
+ */
+export const optionStateStyles = {
+    default: {
+        backgroundColor: 'transparent',
+    },
+    hover: {
+        backgroundColor: 'color-gray-100',
+    },
+    highlighted: {
+        backgroundColor: 'color-gray-100',
+    },
+    selected: {
+        backgroundColor: 'theme-primary-100',
+    },
+    selectedHighlighted: {
+        backgroundColor: 'theme-primary-150',
+    },
+};
+/**
+ * Empty state styles
+ */
+export const emptyStateStyles = {
+    padding: '24px 16px',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: '8px',
+};
+/**
+ * Trigger button styles
+ */
+export const triggerStyles = {
+    cursor: 'pointer',
+    transition: 'all 0.15s ease-in-out',
+};
+/**
+ * Chevron icon animation
+ */
+export const chevronAnimation = {
+    open: {
+        transform: 'rotate(180deg)',
+        transition: 'all 0.2s ease-in-out',
+    },
+    closed: {
+        transform: 'rotate(0deg)',
+        transition: 'all 0.2s ease-in-out',
+    },
+};
+/**
+ * Scrollbar styles for dropdown
+ */
+export const scrollbarStyles = {
+    '&::-webkit-scrollbar': {
+        width: '6px',
+    },
+    '&::-webkit-scrollbar-track': {
+        backgroundColor: 'transparent',
+    },
+    '&::-webkit-scrollbar-thumb': {
+        backgroundColor: 'color-gray-300',
+        borderRadius: '3px',
+    },
+    '&::-webkit-scrollbar-thumb:hover': {
+        backgroundColor: 'color-gray-400',
+    },
+};
+/**
+ * Chip styles for multi-select display
+ */
+export const chipStyles = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: '4px',
+    padding: '2px 8px',
+    backgroundColor: 'color-gray-100',
+    borderRadius: 8, // radius-md
+    fontSize: '12px',
+    fontWeight: '500',
+    color: 'color-gray-700',
+    transition: 'all 0.15s ease-in-out',
+};
+//# sourceMappingURL=ComboBox.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.style.js","sourceRoot":"","sources":["../../../../../../src/components/Form/ComboBox/ComboBox/ComboBox.style.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AASH,MAAM,CAAC,MAAM,KAAK,GAA4B;IAC5C,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/D,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;IAChE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE;IAChE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE;IACjE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE;CAClE,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;;;;;GAKG;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,EAAE,YAAY;IAC9B,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,gBAAgB;IAC7B,4BAA4B;IAC5B,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,qBAAqB,GAAc;IAC9C,OAAO,EAAE,KAAK;IACd,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,OAAO;IAC1B,iBAAiB,EAAE,gBAAgB;IACnC,eAAe,EAAE,eAAe;IAChC,mBAAmB,EAAE,EAAE;IACvB,oBAAoB,EAAE,EAAE;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAc;IACrC,OAAO,EAAE,UAAU;IACnB,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;QACP,eAAe,EAAE,aAAa;KAC/B;IACD,KAAK,EAAE;QACL,eAAe,EAAE,gBAAgB;KAClC;IACD,WAAW,EAAE;QACX,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,mBAAmB;KACrC;IACD,mBAAmB,EAAE;QACnB,eAAe,EAAE,mBAAmB;KACrC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;CACX,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAc;IACtC,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,uBAAuB;CACpC,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,eAAe,GAAG;IAC7B,sBAAsB,EAAE;QACtB,KAAK,EAAE,KAAK;KACb;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,aAAa;KAC/B;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,gBAAgB;QACjC,YAAY,EAAE,KAAK;KACpB;IACD,kCAAkC,EAAE;QAClC,eAAe,EAAE,gBAAgB;KAClC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAc;IACnC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,SAAS;IAClB,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,CAAC,EAAE,YAAY;IAC7B,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,uBAAuB;CACpC,CAAC"}

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

@@ -0,0 +1,11 @@
+export type Styles = {
+    [key: string]: React.CSSProperties;
+};
+export type ComboBoxStyles = {
+    container?: React.CSSProperties;
+    label?: any;
+    dropdown?: React.CSSProperties;
+    item?: React.CSSProperties;
+    labelContainer?: React.CSSProperties;
+    text?: any;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ComboBox.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.type.js","sourceRoot":"","sources":["../../../../../../src/components/Form/ComboBox/ComboBox/ComboBox.type.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+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.js

@@ -0,0 +1,228 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Portal } from '../../../Portal/Portal';
+import { View, Horizontal, Vertical, useElementPosition } from 'app-studio';
+import { Text } from 'app-studio';
+import TextField from '../../../Form/TextField/TextField/TextField.view';
+import { SearchIcon, TickIcon, ChevronIcon, CloseIcon, } from '../../../Icon/Icon';
+import { FieldContent } from '../../../Input/FieldContent/FieldContent';
+import { dropdownStyles, dropdownAnimation, searchContainerStyles, optionStyles, emptyStateStyles, chevronAnimation, chipStyles, } from './ComboBox.style';
+// Defines the functional component 'ComboBoxView' with destructured props.
+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, searchPlaceholder, 
+// Collects all further props not destructured explicitly.
+...props }) => {
+    const { ref: triggerRef, relation } = useElementPosition({
+        trackChanges: true,
+        trackOnScroll: true,
+        trackOnResize: true,
+        throttleMs: 10,
+    });
+    const dropdownRef = useRef(null);
+    const [isHovered, setIsHovered] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    // Get optimal positioning style based on available space
+    // Get optimal positioning style based on available space
+    const getDropdownStyle = () => {
+        const animationStyle = isAnimating
+            ? dropdownAnimation.enter
+            : dropdownAnimation.initial;
+        if (!triggerRef.current)
+            return {};
+        const rect = triggerRef.current.getBoundingClientRect();
+        const baseStyle = {
+            position: 'fixed',
+            left: rect.left,
+            width: rect.width,
+            zIndex: 10000,
+            ...animationStyle,
+        };
+        // 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 + 6, // 6px gap
+            };
+        }
+        else {
+            return {
+                ...baseStyle,
+                top: rect.bottom + 6, // 6px gap
+            };
+        }
+    };
+    // Trigger animation when dropdown opens
+    useEffect(() => {
+        if (isDropdownVisible) {
+            // Small delay to allow initial render before animation
+            const timer = setTimeout(() => setIsAnimating(true), 10);
+            return () => clearTimeout(timer);
+        }
+        setIsAnimating(false);
+        return undefined;
+    }, [isDropdownVisible]);
+    // Sets up an effect to handle clicking outside the dropdown to close it.
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            const path = event.composedPath();
+            const isOutside = !path.some((element) => element?.id === 'combobox-dropdown');
+            if (isOutside &&
+                triggerRef.current &&
+                !triggerRef.current.contains(event.target)) {
+                setIsDropdownVisible(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []); // triggerRef is stable
+    // Defines 'handleSearch' to filter items based on the user's query.
+    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);
+    };
+    // Defines 'handleSelect' to handle item selection and close the dropdown.
+    const handleSelect = (item) => {
+        if (isMulti) {
+            // In multi-select mode, toggle item in the selectedItems array
+            const isAlreadySelected = selectedItems.some((selected) => selected.value === item.value);
+            let newSelectedItems;
+            if (isAlreadySelected) {
+                newSelectedItems = selectedItems.filter((selected) => selected.value !== item.value);
+            }
+            else {
+                newSelectedItems = [...selectedItems, item];
+            }
+            setSelectedItems(newSelectedItems);
+            onSelect?.(newSelectedItems);
+            // Don't close dropdown in multi-select mode
+        }
+        else {
+            setSelectedItem(item);
+            onSelect?.(item);
+            setIsDropdownVisible(false);
+        }
+    };
+    // Removes an item from multi-select
+    const handleRemoveItem = (event, itemToRemove) => {
+        event.stopPropagation();
+        const newSelectedItems = selectedItems.filter((item) => item.value !== itemToRemove.value);
+        setSelectedItems(newSelectedItems);
+        onSelect?.(newSelectedItems);
+    };
+    // Check if an item is selected (for multi-select highlighting)
+    const isItemSelected = (item) => {
+        if (isMulti) {
+            return selectedItems.some((selected) => selected.value === item.value);
+        }
+        return item.value === selectedItem.value;
+    };
+    // Starts the JSX returned by the component representing the combobox.
+    return (<Horizontal role="combobox" flexWrap="nowrap" gap={15} alignItems="center" width="100%" {...props}>
+      {label && (<Text views={views?.label} htmlFor={props.id}>
+          {label}
+        </Text>)}
+      <View position="relative" width="100%">
+        <div ref={triggerRef} onClick={() => setIsDropdownVisible(!isDropdownVisible)} style={{ width: '100%' }}>
+          <FieldContent isHovered={isHovered} isFocused={isDropdownVisible} onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} cursor="pointer" views={{ container: views?.container }}>
+            <Horizontal gap={10} alignItems="center" width="100%" flexWrap={isMulti ? 'wrap' : 'nowrap'} {...views?.labelContainer}>
+              {left}
+              {isMulti ? (
+        // Multi-select: show chips or placeholder
+        selectedItems.length > 0 ? (<Horizontal gap={6} flexWrap="wrap" alignItems="center">
+                    {selectedItems.map((item) => (<Horizontal key={item.value} {...chipStyles} _hover={{ backgroundColor: 'color-gray-200' }}>
+                        {item.icon && <View flexShrink={0}>{item.icon}</View>}
+                        <Text size="sm" color="color-gray-700" weight="medium">
+                          {item.label}
+                        </Text>
+                        <CloseIcon widthHeight={12} color="color-gray-500" cursor="pointer" onClick={(e) => handleRemoveItem(e, item)}/>
+                      </Horizontal>))}
+                  </Horizontal>) : (<Text weight="medium" flexGrow={1} color="color-gray-500" style={{
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+            }} {...views?.label}>
+                    {placeholder}
+                  </Text>)) : (
+        // Single select: show selected item
+        <>
+                  {selectedItem.icon && selectedItem.label !== placeholder && (<View>{selectedItem.icon}</View>)}
+                  <Text weight="medium" flexGrow={1} color={selectedItem.label === placeholder
+                ? 'color-gray-500'
+                : 'color-gray-800'} style={{
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+            }} {...views?.label}>
+                    {selectedItem.label}
+                  </Text>
+                </>)}
+            </Horizontal>
+            <Horizontal gap={8} alignItems="center">
+              {right}
+              <View style={isDropdownVisible
+            ? chevronAnimation.open
+            : chevronAnimation.closed}>
+                <ChevronIcon widthHeight={16} orientation="down" color={isDropdownVisible ? 'color-gray-700' : 'color-gray-400'}/>
+              </View>
+            </Horizontal>
+          </FieldContent>
+        </div>
+        {isDropdownVisible && (<Portal>
+            <View ref={dropdownRef} id="combobox-dropdown" role="listbox" aria-labelledby={props.id} {...dropdownStyles} style={getDropdownStyle()} {...views?.dropdown}>
+              {searchEnabled && (<View {...searchContainerStyles}>
+                  <TextField id={`${props.id}-search`} name={`${props.name}-search`} width="100%" type="search" autoFocus value={searchQuery} onChange={(value) => handleSearch(value)} hint={placeholder || 'Search...'} isClearable={false} left={<SearchIcon widthHeight={14} color="color-gray-400"/>} views={{
+                    container: {
+                        width: '100%',
+                        padding: '0',
+                        backgroundColor: 'transparent',
+                        borderColor: 'color-gray-200',
+                        ...views?.text,
+                    },
+                    field: {
+                        fontSize: '13px',
+                    },
+                }}/>
+                </View>)}
+              {filteredItems.length > 0 && (<View margin={0} padding="4px">
+                  {filteredItems.map((item, index) => {
+                    const isSelected = isItemSelected(item);
+                    const isHighlighted = index === highlightedIndex;
+                    return (<Horizontal role="option" aria-selected={isSelected} justifyContent="space-between" alignItems="center" key={item.value} {...optionStyles} backgroundColor={isSelected && isHighlighted
+                            ? 'color-blue-100'
+                            : isSelected
+                                ? 'color-blue-50'
+                                : isHighlighted
+                                    ? 'color-gray-100'
+                                    : 'transparent'} onMouseEnter={() => setHighlightedIndex(index)} 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'} weight={isSelected ? 'medium' : 'normal'}>
+                            {item.label}
+                          </Text>
+                        </Horizontal>
+                        {isSelected && showTick && (<TickIcon widthHeight={16} color="theme-primary"/>)}
+                      </Horizontal>);
+                })}
+                </View>)}
+              {filteredItems.length === 0 && (<Vertical {...emptyStateStyles}>
+                  <SearchIcon widthHeight={24} color="color-gray-300"/>
+                  <Text color="color-gray-500" size="sm" align="center">
+                    No results found
+                  </Text>
+                  <Text color="color-gray-400" size="xs" align="center">
+                    Try a different search term
+                  </Text>
+                </Vertical>)}
+            </View>
+          </Portal>)}
+      </View>
+    </Horizontal>);
+};
+export default ComboBoxView;
+//# sourceMappingURL=ComboBox.view.js.map

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

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

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useComboBoxState } from './ComboBox/ComboBox.state';
+import ComboBoxView from './ComboBox/ComboBox.view';
+// Defines the ComboBoxComponent functional component with ComboBoxProps
+const ComboBoxComponent = ({ 
+// Destructures 'id' from component props
+id, 
+// Destructures 'name' from component props
+name, 
+// Destructures 'items' from component props, used to populate combobox
+items, 
+// Destructures 'placeholder' from component props, displayed when no item selected
+placeholder, 
+// Destructures 'searchPlaceholder' from component props, used as the search field placeholder
+searchPlaceholder, 
+// Destructures the rest of the props not explicitly defined
+...props }) => {
+    // Initializes ComboBox state using custom hook with items and placeholders
+    const state = useComboBoxState(items, placeholder, searchPlaceholder);
+    return (
+    // Render ComboBoxView with passed and state props
+    <ComboBoxView id={id} name={name} items={items} {...state} {...props}/>);
+};
+// Exports the ComboBoxComponent as ComboBox
+export const ComboBox = ComboBoxComponent;
+//# sourceMappingURL=ComboBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../../../src/components/Form/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,wEAAwE;AACxE,MAAM,iBAAiB,GAA4B,CAAC;AAClD,yCAAyC;AACzC,EAAE;AACF,2CAA2C;AAC3C,IAAI;AACJ,uEAAuE;AACvE,KAAK;AACL,mFAAmF;AACnF,WAAW;AACX,8FAA8F;AAC9F,iBAAiB;AACjB,4DAA4D;AAC5D,GAAG,KAAK,EACT,EAAE,EAAE;IACH,2EAA2E;IAC3E,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACtE,OAAO;IACL,kDAAkD;IAClD,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CACzE,CAAC;AACJ,CAAC,CAAC;AACF,4CAA4C;AAC5C,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAC"}

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

@@ -0,0 +1,48 @@
+import { Elevation } from '../../../../utils/elevation';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
+import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
+export interface CountryPickerProps extends Omit<InputProps, 'size' | 'shadow' | 'value'> {
+    id?: string;
+    error?: boolean;
+    name?: string;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    shape?: Shape;
+    isAutoFocus?: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    onBlur?: (value: any) => void;
+    onChange?: (value: any) => void;
+    views?: CountryPickerStyles;
+    size?: Size;
+    value?: string;
+    variant?: Variant;
+    shadow?: Shadow | Elevation | ViewProps;
+}
+export interface CountryPickerViewProps extends CountryPickerProps {
+    isHovered?: boolean;
+    setIsHovered?: (hovered: boolean) => void;
+    isFocused?: boolean;
+    setIsFocused?: (focused: boolean) => void;
+    selected?: string;
+    setSelected?: (selected: string) => void;
+    hide?: boolean;
+    setHide?: (hide: boolean) => void;
+    newOptions?: Array<Country>;
+    setNewOptions?: (newOptions: Array<Country>) => void;
+    value?: string;
+    setValue?: Function;
+}
+export interface CountryPickerDropDownProps extends Omit<InputProps, 'size'> {
+    size?: Size;
+    callback?: Function;
+    options?: Array<Country>;
+    views?: CountryPickerStyles;
+}
+export interface DropDownItemProps extends Omit<InputProps, 'size'> {
+    callback?: Function;
+    option?: string;
+    size?: Size;
+    views?: CountryPickerStyles;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CountryPicker.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.props.js","sourceRoot":"","sources":["../../../../../../src/components/Form/CountryPicker/CountryPicker/CountryPicker.props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CountryPickerProps } from './CountryPicker.props';
+import { Country } from './CountryPicker.type';
+export declare const useCountryPickerState: ({ placeholder }: CountryPickerProps) => {
+    hide: boolean;
+    setHide: React.Dispatch<React.SetStateAction<boolean>>;
+    newOptions: Country[];
+    setNewOptions: React.Dispatch<React.SetStateAction<Country[]>>;
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+    isFocused: boolean;
+    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
+};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import countryList from '../countries.json';
+// Defines a custom hook for managing the CountryPicker component's state, including options from a country list, selected value, and UI states for hiding, focus, and hover.
+export const useCountryPickerState = ({ placeholder }) => {
+    const [newOptions, setNewOptions] = React.useState(countryList);
+    const [value, setValue] = React.useState(placeholder ?? countryList[0].name);
+    const [hide, setHide] = React.useState(true);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [isHovered, setIsHovered] = React.useState(false);
+    return {
+        hide,
+        setHide,
+        newOptions,
+        setNewOptions,
+        isHovered,
+        setIsHovered,
+        isFocused,
+        setIsFocused,
+        value,
+        setValue,
+    };
+};
+//# sourceMappingURL=CountryPicker.state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.state.js","sourceRoot":"","sources":["../../../../../../src/components/Form/CountryPicker/CountryPicker/CountryPicker.state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAG5C,6KAA6K;AAC7K,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,WAAW,EAAsB,EAAE,EAAE;IAC3E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAC/B,KAAK,CAAC,QAAQ,CAAiB,WAAW,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtC,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CACnC,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO;QACL,IAAI;QACJ,OAAO;QACP,UAAU;QACV,aAAa;QACb,SAAS;QACT,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Size } from './CountryPicker.type';
+export declare const IconSizes: Record<Size, number>;
+export declare const LabelSizes: Record<Size, number>;

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

@@ -0,0 +1,17 @@
+// Defines the size of icons based on predefined size categories to maintain design consistency.
+export const IconSizes = {
+    xs: 8,
+    sm: 10,
+    md: 12,
+    lg: 14,
+    xl: 16,
+};
+// Maps predefined size categories to specific numerical values to standardize label sizes throughout the component.
+export const LabelSizes = {
+    xs: 8,
+    sm: 10,
+    md: 12,
+    lg: 14,
+    xl: 16,
+};
+//# sourceMappingURL=CountryPicker.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.style.js","sourceRoot":"","sources":["../../../../../../src/components/Form/CountryPicker/CountryPicker/CountryPicker.style.ts"],"names":[],"mappings":"AACA,gGAAgG;AAChG,MAAM,CAAC,MAAM,SAAS,GAAyB;IAC7C,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AACF,oHAAoH;AACpH,MAAM,CAAC,MAAM,UAAU,GAAyB;IAC9C,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC"}

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

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