rn-inputforge 0.2.0 → 0.3.1

package/README.md

@@ -1,6 +1,6 @@
 # rn-inputforge
 
-A production-ready, highly customizable input field system for **bare React Native CLI** apps — text, email, number, phone, password, search, description, and chat inputs, with built-in validation, theming, icons, and keyboard-aware form navigation. Pure JS/TS, no native modules, so there's nothing to link.
+A production-ready, highly customizable input field system for **bare React Native CLI** apps — text, email, number, phone, password, search, description, and chat inputs, plus a fully customizable single/multi-select dropdown (bottom sheet, popup, or inline), with built-in validation, theming, icons, and keyboard-aware form navigation. Pure JS/TS, no native modules, so there's nothing to link.
 
 Works identically whether your project uses **npm** or **yarn**.
 
@@ -55,18 +55,18 @@ Setting `type="email"` automatically wires up the email keyboard, disables autoc
 
 ## Field types
 
-| `type`        | Keyboard           | Notes |
-|---------------|---------------------|-------|
-| `text`        | default             | sentence auto-capitalize |
-| `email`       | email-address       | auto validates email format |
-| `number`      | numeric / number-pad| strips non-digits as you type |
-| `decimal`     | decimal-pad         | allows a single `.` |
-| `phone`       | phone-pad           | strips invalid phone characters |
-| `password`    | default, masked     | built-in show/hide toggle |
-| `search`      | default             | search icon + clear button by default |
-| `multiline`   | default, multi-line | free-form multi-line text |
-| `description` | default, multi-line | used internally by `DescriptionField` |
-| `chat`        | default             | used internally by `ChatInput` |
+| `type`        | Keyboard             | Notes                                 |
+| ------------- | -------------------- | ------------------------------------- |
+| `text`        | default              | sentence auto-capitalize              |
+| `email`       | email-address        | auto validates email format           |
+| `number`      | numeric / number-pad | strips non-digits as you type         |
+| `decimal`     | decimal-pad          | allows a single `.`                   |
+| `phone`       | phone-pad            | strips invalid phone characters       |
+| `password`    | default, masked      | built-in show/hide toggle             |
+| `search`      | default              | search icon + clear button by default |
+| `multiline`   | default, multi-line  | free-form multi-line text             |
+| `description` | default, multi-line  | used internally by `DescriptionField` |
+| `chat`        | default              | used internally by `ChatInput`        |
 
 ---
 
@@ -109,7 +109,7 @@ const form = useFieldFlowForm({
   onChangeText={form.handleChange('name')}
   onBlur={form.handleBlur('name')}
   errorText={form.touched.name ? form.errors.name : undefined}
-/>
+/>;
 ```
 
 `form.submit()` validates every field and only calls `onSubmit` if everything passes.
@@ -134,7 +134,7 @@ const keyboardManager = useKeyboardManager({
     /* ...value, onChangeText, etc. */
   />
   {/* ...more fields */}
-</KeyboardAwareFormWrapper>
+</KeyboardAwareFormWrapper>;
 ```
 
 See `example/App.tsx` for a complete multi-field form wired end to end.
@@ -174,6 +174,7 @@ import { FieldFlowDropdown } from 'rn-inputforge';
 ```
 
 **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)
@@ -197,7 +198,7 @@ import { DescriptionField } from 'rn-inputforge';
   maxLength={240}
   minHeight={80}
   maxHeight={200}
-/>
+/>;
 ```
 
 Grows automatically as the user types, shows a live character counter, and supports every validation/theming prop `FieldFlowInput` does.
@@ -217,7 +218,7 @@ import { ChatInput } from 'rn-inputforge';
   onAttachmentPress={action => handleAttachment(action)}
   customActions={[{ id: 'gif', icon: 'image', onPress: openGifPicker }]}
   placeholder="Type a message..."
-/>
+/>;
 ```
 
 Handles expandable height, keyboard-avoiding behavior, and a send button that's only active once there's text to send. Attachment buttons are opt-in per screen — pass only the ones your chat needs.
@@ -250,7 +251,7 @@ import { FieldFlowThemeProvider } from 'rn-inputforge';
   }}
 >
   <App />
-</FieldFlowThemeProvider>
+</FieldFlowThemeProvider>;
 ```
 
 You can also pass a one-off `theme` prop directly to any single field to override it locally, or use the bundled `darkTheme` as a starting point for dark mode.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rn-inputforge",
-  "version": "0.2.0",
-  "description": "A production-ready, highly customizable input field system for React Native (bare CLI) — text/email/number/phone/password/search fields, description fields, chat input, built-in validation, theming, icons, and keyboard-aware form navigation.",
+  "version": "0.3.1",
+  "description": "A production-ready, highly customizable input field system for React Native (bare CLI) — text/email/number/phone/password/search fields, description fields, chat input, and a single/multi-select dropdown (bottom sheet, popup, or inline), with built-in validation, theming, icons, and keyboard-aware form navigation.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
@@ -33,6 +33,10 @@
     "form",
     "form-builder",
     "chat-input",
+    "dropdown",
+    "select",
+    "multi-select",
+    "bottom-sheet",
     "keyboard-aware",
     "validation",
     "typescript",