rn-inputforge 0.1.1 → 0.2.0

package/README.md

@@ -141,6 +141,49 @@ See `example/App.tsx` for a complete multi-field form wired end to end.
 
 ---
 
+## Dropdown / select (single & multiple)
+
+```tsx
+import { FieldFlowDropdown } from 'rn-inputforge';
+
+// Single select — slides up from the bottom by default
+<FieldFlowDropdown
+  label="Country"
+  placeholder="Select your country"
+  options={[
+    { label: 'United States', value: 'us' },
+    { label: 'Pakistan', value: 'pk' },
+    { label: 'United Kingdom', value: 'uk' },
+  ]}
+  value={country}
+  onChange={setCountry}
+  clearable
+  required
+/>
+
+// Multi select — centered popup modal, with search, confirmed via a "Done" button
+<FieldFlowDropdown
+  multiple
+  label="Skills"
+  presentation="popup"
+  options={skillOptions}
+  values={skills}
+  onChangeMulti={setSkills}
+  searchable
+/>
+```
+
+**Presentation modes** (`presentation` prop):
+- `"bottomSheet"` (default) — slides up from the bottom, dismiss by tapping the backdrop
+- `"popup"` — fades in, centered on screen
+- `"inline"` — drops down directly under the field itself (flips upward automatically if there isn't room below)
+
+**Single vs multiple select:** pass `value` + `onChange` for single select, or `multiple` + `values` + `onChangeMulti` for multi-select. In multi-select, selections are staged until the user taps the confirm button (`confirmLabel`, default `"Done"`) — pass `closeOnSelect` if you'd rather commit immediately on each tap instead.
+
+Search is shown automatically once there are more than `searchThreshold` options (default 6) — set `searchable` explicitly to force it on or off. Every option can carry a `description` (shown as a second line) and can be individually `disabled`. Like every other FieldFlow component, it accepts `theme`, `label`, `helperText`, `errorText`, and `disabled` for consistency with the rest of your form.
+
+---
+
 ## Description fields
 
 ```tsx
@@ -223,6 +266,7 @@ rn-inputforge/
 │   │   ├── FieldFlowInput/        core input (all field types, icons, states)
 │   │   ├── DescriptionField/      auto-growing multiline field
 │   │   ├── ChatInput/             chat composer + attachment toolbar
+│   │   ├── FieldFlowDropdown/     single/multi select — bottom sheet, popup, or inline
 │   │   └── KeyboardAwareFormWrapper/
 │   ├── hooks/                     useFieldFlowForm, useKeyboardManager, useFieldState
 │   ├── theme/                     ThemeProvider + default/dark themes

package/lib/commonjs/components/FieldFlowDropdown/FieldFlowDropdown.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowDropdown = FieldFlowDropdown;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _useFieldState = require("../../hooks/useFieldState");
+var _Icon = require("../../icons/Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FieldFlowDropdown(props) {
+  const {
+    options,
+    label,
+    placeholder = 'Select...',
+    helperText,
+    errorText,
+    hasError,
+    disabled,
+    required,
+    title,
+    presentation = 'bottomSheet',
+    searchable,
+    searchThreshold = 6,
+    searchPlaceholder = 'Search...',
+    emptyText = 'No options found',
+    maxModalHeight,
+    clearable,
+    containerStyle,
+    triggerStyle,
+    labelStyle,
+    theme: themeOverride,
+    testID,
+    multiple
+  } = props;
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [query, setQuery] = (0, _react.useState)('');
+  const [draftValues, setDraftValues] = (0, _react.useState)(multiple ? props.values ?? [] : []);
+  const [anchorLayout, setAnchorLayout] = (0, _react.useState)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const resolvedError = errorText;
+  const state = (0, _useFieldState.useFieldState)({
+    isFocused: isOpen,
+    hasError: Boolean(hasError || resolvedError),
+    disabled
+  });
+  const styles = (0, _react.useMemo)(() => (0, _styles.createDropdownStyles)(theme, state), [theme, state]);
+  const selectedValues = multiple ? props.values ?? [] : props.value ? [props.value] : [];
+  const shouldShowSearch = searchable ?? options.length > searchThreshold;
+  const filteredOptions = (0, _react.useMemo)(() => {
+    if (!query.trim()) return options;
+    const q = query.trim().toLowerCase();
+    return options.filter(o => o.label.toLowerCase().includes(q));
+  }, [options, query]);
+  const openDropdown = () => {
+    if (disabled) return;
+    if (multiple) setDraftValues(props.values ?? []);
+    setQuery('');
+    if (presentation === 'inline') {
+      triggerRef.current?.measureInWindow((x, y, width, height) => {
+        setAnchorLayout({
+          x,
+          y,
+          width,
+          height
+        });
+        setIsOpen(true);
+      });
+    } else {
+      setIsOpen(true);
+    }
+  };
+  const closeDropdown = () => setIsOpen(false);
+  const commitSingle = value => {
+    if (!multiple) {
+      props.onChange(value);
+      if (props.closeOnSelect ?? true) closeDropdown();
+    }
+  };
+  const toggleMultiDraft = value => {
+    setDraftValues(prev => prev.includes(value) ? prev.filter(v => v !== value) : [...prev, value]);
+    if (multiple && (props.closeOnSelect ?? false)) {
+      const next = draftValues.includes(value) ? draftValues.filter(v => v !== value) : [...draftValues, value];
+      props.onChangeMulti(next);
+    }
+  };
+  const confirmMulti = () => {
+    if (multiple) {
+      props.onChangeMulti(draftValues);
+    }
+    closeDropdown();
+  };
+  const clearSelection = () => {
+    if (multiple) {
+      props.onChangeMulti([]);
+      setDraftValues([]);
+    } else {
+      props.onChange(null);
+    }
+  };
+  const triggerLabel = (0, _react.useMemo)(() => {
+    if (selectedValues.length === 0) return null;
+    const labels = options.filter(o => selectedValues.includes(o.value)).map(o => o.label);
+    if (!multiple) return labels[0] ?? null;
+    const maxShown = props.maxLabelsShown ?? 2;
+    if (labels.length <= maxShown) return labels.join(', ');
+    return `${labels.slice(0, maxShown).join(', ')} +${labels.length - maxShown} more`;
+  }, [selectedValues, options, multiple, props]);
+  const renderOption = ({
+    item
+  }) => {
+    const isSelected = multiple ? draftValues.includes(item.value) : props.value === item.value;
+    const handlePress = () => {
+      if (item.disabled) return;
+      multiple ? toggleMultiDraft(item.value) : commitSingle(item.value);
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: handlePress,
+      disabled: item.disabled,
+      style: styles.optionRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.optionLabel, isSelected && styles.optionLabelSelected, item.disabled && styles.optionLabelDisabled],
+          children: item.label
+        }), item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.optionDescription,
+          children: item.description
+        }) : null]
+      }), multiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.checkbox, isSelected && styles.checkboxChecked],
+        children: isSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+          name: "check",
+          size: 12,
+          color: "#FFFFFF"
+        }) : null
+      }) : isSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+        name: "check",
+        size: 16,
+        color: theme.colors.borderFocused
+      }) : null]
+    });
+  };
+  const listContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [shouldShowSearch ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.searchWrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        value: query,
+        onChangeText: setQuery,
+        placeholder: searchPlaceholder,
+        placeholderTextColor: theme.colors.placeholder,
+        style: styles.searchInput
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      data: filteredOptions,
+      keyExtractor: item => item.value,
+      renderItem: renderOption,
+      keyboardShouldPersistTaps: "handled",
+      style: {
+        maxHeight: maxModalHeight ?? 360
+      },
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.emptyText,
+        children: emptyText
+      })
+    }), multiple ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.confirmButton,
+      onPress: confirmMulti,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.confirmButtonText,
+        children: props.confirmLabel ?? 'Done'
+      })
+    }) : null]
+  });
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.modalHeader,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.modalTitle,
+      children: title ?? label ?? 'Select'
+    }), clearable && selectedValues.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: clearSelection,
+      hitSlop: 8,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.modalClearButton,
+        children: "Clear"
+      })
+    }) : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, labelStyle],
+      children: [label, required ? ' *' : '']
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: triggerRef,
+      collapsable: false,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: openDropdown,
+        disabled: disabled,
+        style: [styles.trigger, triggerStyle],
+        children: [triggerLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.triggerText,
+          numberOfLines: 1,
+          children: triggerLabel
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.placeholderText,
+          numberOfLines: 1,
+          children: placeholder
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+          name: "chevronDown",
+          size: 16,
+          color: theme.colors.icon
+        })]
+      })
+    }), (helperText || resolvedError) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.footerRow,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1
+        },
+        children: resolvedError ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.errorText,
+          children: resolvedError
+        }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.helperText,
+          children: helperText
+        }) : null
+      })
+    }), presentation === 'inline' ? isOpen && anchorLayout ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      transparent: true,
+      visible: true,
+      animationType: "fade",
+      onRequestClose: closeDropdown,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: {
+          flex: 1
+        },
+        onPress: closeDropdown,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.inlineDropdown, inlinePosition(anchorLayout)],
+          children: listContent
+        })
+      })
+    }) : null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      transparent: true,
+      visible: isOpen,
+      animationType: presentation === 'popup' ? 'fade' : 'slide',
+      onRequestClose: closeDropdown,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: presentation === 'popup' ? styles.popupWrapper : styles.bottomSheetWrapper,
+        onPress: closeDropdown,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          style: presentation === 'popup' ? styles.popupCard : styles.sheetCard,
+          onPress: e => e.stopPropagation(),
+          children: [presentation === 'bottomSheet' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.dragHandle
+          }) : null, header, listContent]
+        })
+      })
+    })]
+  });
+}
+function inlinePosition(anchor) {
+  const screenHeight = _reactNative.Dimensions.get('window').height;
+  const spaceBelow = screenHeight - (anchor.y + anchor.height);
+  const openUpward = spaceBelow < 260;
+  return {
+    left: anchor.x,
+    width: anchor.width,
+    maxHeight: 300,
+    ...(openUpward ? {
+      bottom: screenHeight - anchor.y + 4
+    } : {
+      top: anchor.y + anchor.height + 4
+    })
+  };
+}
+//# sourceMappingURL=FieldFlowDropdown.js.map

package/lib/commonjs/components/FieldFlowDropdown/FieldFlowDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_useFieldState","_Icon","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowDropdown","props","options","label","placeholder","helperText","errorText","hasError","disabled","required","title","presentation","searchable","searchThreshold","searchPlaceholder","emptyText","maxModalHeight","clearable","containerStyle","triggerStyle","labelStyle","theme","themeOverride","testID","multiple","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","isOpen","setIsOpen","useState","query","setQuery","draftValues","setDraftValues","values","anchorLayout","setAnchorLayout","triggerRef","useRef","resolvedError","state","useFieldState","isFocused","Boolean","styles","createDropdownStyles","selectedValues","value","shouldShowSearch","length","filteredOptions","trim","q","toLowerCase","filter","includes","openDropdown","current","measureInWindow","x","y","width","height","closeDropdown","commitSingle","onChange","closeOnSelect","toggleMultiDraft","prev","v","next","onChangeMulti","confirmMulti","clearSelection","triggerLabel","labels","map","maxShown","maxLabelsShown","join","slice","renderOption","item","isSelected","handlePress","jsxs","Pressable","onPress","style","optionRow","children","View","flex","jsx","Text","optionLabel","optionLabelSelected","optionLabelDisabled","description","optionDescription","checkbox","checkboxChecked","FieldFlowIcon","name","size","color","colors","borderFocused","listContent","Fragment","searchWrapper","TextInput","onChangeText","placeholderTextColor","searchInput","FlatList","data","keyExtractor","renderItem","keyboardShouldPersistTaps","maxHeight","ListEmptyComponent","confirmButton","confirmButtonText","confirmLabel","header","modalHeader","modalTitle","hitSlop","modalClearButton","wrapper","ref","collapsable","trigger","triggerText","numberOfLines","placeholderText","icon","footerRow","Modal","transparent","visible","animationType","onRequestClose","inlineDropdown","inlinePosition","popupWrapper","bottomSheetWrapper","popupCard","sheetCard","stopPropagation","dragHandle","anchor","screenHeight","Dimensions","spaceBelow","openUpward","left","bottom","top"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDropdown/FieldFlowDropdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FieldFlowDropdown/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowDropdown", {
+  enumerable: true,
+  get: function () {
+    return _FieldFlowDropdown.FieldFlowDropdown;
+  }
+});
+var _FieldFlowDropdown = require("./FieldFlowDropdown");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/FieldFlowDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldFlowDropdown","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDropdown/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/FieldFlowDropdown/styles.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDropdownStyles = createDropdownStyles;
+var _reactNative = require("react-native");
+var _styles = require("../FieldFlowInput/styles");
+function createDropdownStyles(theme, state) {
+  return _reactNative.StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      marginBottom: theme.spacing.gap / 1.5,
+      color: (0, _styles.labelColorFor)(theme, state),
+      fontWeight: '500'
+    },
+    trigger: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : theme.colors.background,
+      borderRadius: theme.spacing.borderRadius,
+      borderWidth: state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
+      borderColor: (0, _styles.borderColorFor)(theme, state),
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      minHeight: theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
+    },
+    triggerText: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text
+    },
+    placeholderText: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.placeholder
+    },
+    footerRow: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: theme.spacing.gap / 1.5
+    },
+    errorText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error,
+      flexShrink: 1
+    },
+    helperText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      flexShrink: 1
+    },
+    // Modal
+    backdrop: {
+      flex: 1,
+      backgroundColor: 'rgba(0,0,0,0.4)'
+    },
+    bottomSheetWrapper: {
+      flex: 1,
+      justifyContent: 'flex-end'
+    },
+    popupWrapper: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingHorizontal: 24
+    },
+    sheetCard: {
+      backgroundColor: theme.colors.background,
+      borderTopLeftRadius: theme.spacing.borderRadius * 1.6,
+      borderTopRightRadius: theme.spacing.borderRadius * 1.6,
+      paddingTop: theme.spacing.gap,
+      paddingBottom: theme.spacing.paddingVertical
+    },
+    popupCard: {
+      width: '100%',
+      backgroundColor: theme.colors.background,
+      borderRadius: theme.spacing.borderRadius * 1.4,
+      paddingTop: theme.spacing.gap,
+      paddingBottom: theme.spacing.paddingVertical,
+      maxHeight: '80%'
+    },
+    dragHandle: {
+      alignSelf: 'center',
+      width: 36,
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: theme.colors.border,
+      marginBottom: theme.spacing.gap
+    },
+    modalHeader: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingBottom: theme.spacing.gap,
+      borderBottomWidth: theme.spacing.borderWidth,
+      borderBottomColor: theme.colors.border,
+      marginBottom: theme.spacing.gap
+    },
+    modalTitle: {
+      fontSize: theme.typography.fontSize + 1,
+      fontWeight: '600',
+      color: theme.colors.text
+    },
+    modalClearButton: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.borderFocused
+    },
+    searchWrapper: {
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      marginBottom: theme.spacing.gap
+    },
+    searchInput: {
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderRadius: theme.spacing.borderRadius,
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.paddingVertical * 0.6,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text
+    },
+    optionRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.paddingVertical * 0.9
+    },
+    optionLabel: {
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text
+    },
+    optionLabelSelected: {
+      color: theme.colors.borderFocused,
+      fontWeight: '600'
+    },
+    optionLabelDisabled: {
+      color: theme.colors.placeholder
+    },
+    optionDescription: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.placeholder,
+      marginTop: 2
+    },
+    checkbox: {
+      width: 20,
+      height: 20,
+      borderRadius: 5,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    checkboxChecked: {
+      backgroundColor: theme.colors.borderFocused,
+      borderColor: theme.colors.borderFocused
+    },
+    emptyText: {
+      textAlign: 'center',
+      paddingVertical: theme.spacing.paddingVertical * 2,
+      color: theme.colors.placeholder,
+      fontSize: theme.typography.fontSize
+    },
+    confirmButton: {
+      marginHorizontal: theme.spacing.paddingHorizontal,
+      marginTop: theme.spacing.gap,
+      backgroundColor: theme.colors.borderFocused,
+      borderRadius: theme.spacing.borderRadius,
+      paddingVertical: theme.spacing.paddingVertical * 0.8,
+      alignItems: 'center'
+    },
+    confirmButtonText: {
+      color: '#FFFFFF',
+      fontSize: theme.typography.fontSize,
+      fontWeight: '600'
+    },
+    // Inline presentation
+    inlineDropdown: {
+      position: 'absolute',
+      backgroundColor: theme.colors.background,
+      borderRadius: theme.spacing.borderRadius,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.15,
+      shadowRadius: 8,
+      elevation: 6,
+      overflow: 'hidden',
+      zIndex: 50
+    }
+  });
+}
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/FieldFlowDropdown/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","createDropdownStyles","theme","state","StyleSheet","create","wrapper","marginBottom","spacing","gap","label","fontSize","typography","labelFontSize","color","labelColorFor","fontWeight","trigger","flexDirection","alignItems","backgroundColor","colors","backgroundDisabled","background","borderRadius","borderWidth","borderWidthFocused","borderColor","borderColorFor","paddingHorizontal","minHeight","paddingVertical","triggerText","flex","text","placeholderText","placeholder","footerRow","justifyContent","marginTop","errorText","helperFontSize","error","flexShrink","helperText","backdrop","bottomSheetWrapper","popupWrapper","sheetCard","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","popupCard","width","maxHeight","dragHandle","alignSelf","height","border","modalHeader","borderBottomWidth","borderBottomColor","modalTitle","modalClearButton","borderFocused","searchWrapper","searchInput","optionRow","optionLabel","optionLabelSelected","optionLabelDisabled","optionDescription","checkbox","checkboxChecked","emptyText","textAlign","confirmButton","marginHorizontal","confirmButtonText","inlineDropdown","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","overflow","zIndex"],"sourceRoot":"../../../../src","sources":["components/FieldFlowDropdown/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FieldFlowDropdown/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/FieldFlowDropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/FieldFlowDropdown/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/icons/Icon.js

@@ -345,6 +345,41 @@ function FieldFlowIcon({
           })
         })
       });
+    case 'chevronDown':
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [box, style],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: size * 0.55,
+            height: stroke,
+            backgroundColor: color,
+            borderRadius: stroke,
+            transform: [{
+              rotate: '45deg'
+            }, {
+              translateX: -size * 0.13
+            }, {
+              translateY: -size * 0.02
+            }],
+            position: 'absolute'
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: size * 0.55,
+            height: stroke,
+            backgroundColor: color,
+            borderRadius: stroke,
+            transform: [{
+              rotate: '-45deg'
+            }, {
+              translateX: size * 0.13
+            }, {
+              translateY: -size * 0.02
+            }],
+            position: 'absolute'
+          }
+        })]
+      });
     default:
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: [box, style]