@originallyus/feedback-rn-sdk 4.0.0-beta.27 → 4.0.0-beta.28

package/lib/module/component/Input.js

@@ -1,174 +0,0 @@
-"use strict";
-
-import { useMemo, useState } from 'react';
-import { View, Text, StyleSheet, TextInput } from 'react-native';
-import * as f from "../utils/common.js";
-import { BG_DEFAULT, BORDER_FOCUS, BORDER_SECONDARY, ERROR_COLOR, TEXT_DARK, TEXT_NOTE, TEXT_PLACEHOLDER } from "../utils/constants.js";
-import ErrorIcon from "../assets/ErrorIcon.js";
-
-/**
- * Props for the single-line `Input` component.
- *
- * Renders a label, single-line text input, optional note, error,
- * and an optional character counter.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_BG = BG_DEFAULT;
-const DEFAULT_BORDER = BORDER_SECONDARY;
-const DEFAULT_FOCUS_BORDER = BORDER_FOCUS;
-const DEFAULT_TEXT = TEXT_DARK;
-const DEFAULT_PLACEHOLDER = TEXT_PLACEHOLDER;
-const DEFAULT_COUNTER = TEXT_PLACEHOLDER;
-const DEFAULT_NOTE = TEXT_NOTE;
-const DEFAULT_ERROR = ERROR_COLOR;
-function Input({
-  value,
-  onChangeText,
-  placeholder = 'Placeholder',
-  label,
-  note,
-  error,
-  maxLength,
-  showCounter = true,
-  appWidth,
-  backgroundColor = DEFAULT_BG,
-  borderColor = DEFAULT_BORDER,
-  focusBackgroundColor = DEFAULT_BG,
-  focusBorderColor = DEFAULT_FOCUS_BORDER,
-  errorBorderColor = DEFAULT_ERROR,
-  fontFamily,
-  fontSize = 16,
-  placeholderTextColor = DEFAULT_PLACEHOLDER,
-  textColor = DEFAULT_TEXT,
-  labelStyle,
-  noteStyle,
-  errorStyle,
-  counterStyle,
-  style
-}) {
-  const [focused, setFocused] = useState(false);
-  const length = value.length;
-  const hasError = useMemo(() => error != null && error !== '', [error]);
-  const showCounterEl = useMemo(() => maxLength != null && showCounter, [maxLength, showCounter]);
-  const effectiveBorderColor = useMemo(() => {
-    if (hasError) return errorBorderColor;
-    if (focused) return focusBorderColor;
-    return borderColor;
-  }, [hasError, focused, errorBorderColor, focusBorderColor, borderColor]);
-  const inputContainerStyle = useMemo(() => [styles.inputWrapper, {
-    paddingHorizontal: f.w_p(appWidth, 8),
-    paddingVertical: 10,
-    borderRadius: f.isTablet ? 8 : 8,
-    backgroundColor: focused ? focusBackgroundColor : backgroundColor,
-    borderColor: effectiveBorderColor,
-    borderWidth: 1
-  }], [appWidth, focused, focusBackgroundColor, backgroundColor, effectiveBorderColor]);
-  const textInputStyle = useMemo(() => [styles.input, {
-    fontFamily,
-    fontSize,
-    color: textColor,
-    paddingRight: showCounterEl ? 48 : 0
-  }], [fontFamily, fontSize, textColor, showCounterEl]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.wrapper, style],
-    children: [label != null && label !== '' && /*#__PURE__*/_jsx(Text, {
-      style: [styles.label, labelStyle],
-      children: label
-    }), /*#__PURE__*/_jsxs(View, {
-      style: inputContainerStyle,
-      children: [/*#__PURE__*/_jsx(TextInput, {
-        placeholder: placeholder,
-        placeholderTextColor: placeholderTextColor,
-        style: textInputStyle,
-        value: value,
-        onChangeText: text => {
-          if (maxLength == null || text.length <= maxLength) {
-            onChangeText(text);
-          } else {
-            onChangeText(text.slice(0, maxLength));
-          }
-        },
-        onFocus: () => setFocused(true),
-        onBlur: () => setFocused(false),
-        autoCorrect: false
-      }), showCounterEl && /*#__PURE__*/_jsx(View, {
-        style: styles.counterWrapper,
-        pointerEvents: "none",
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: [styles.counter, {
-            color: DEFAULT_COUNTER
-          }, counterStyle],
-          children: [length, "/", maxLength]
-        })
-      })]
-    }), note != null && note !== '' && /*#__PURE__*/_jsx(Text, {
-      style: [styles.note, {
-        color: DEFAULT_NOTE
-      }, noteStyle],
-      children: note
-    }), hasError && /*#__PURE__*/_jsxs(View, {
-      style: styles.errorWrap,
-      children: [/*#__PURE__*/_jsx(ErrorIcon, {
-        size: 20,
-        color: ERROR_COLOR
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.error, {
-          color: DEFAULT_ERROR
-        }, errorStyle],
-        children: error
-      })]
-    })]
-  });
-}
-export default Input;
-const styles = StyleSheet.create({
-  wrapper: {
-    width: '100%'
-  },
-  label: {
-    fontSize: 16,
-    fontWeight: '600',
-    color: '#14181C',
-    marginBottom: 8,
-    lineHeight: 24,
-    letterSpacing: 0
-  },
-  inputWrapper: {
-    width: '100%',
-    position: 'relative',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  input: {
-    flex: 1,
-    padding: 0,
-    minHeight: 20
-  },
-  counterWrapper: {
-    position: 'absolute',
-    right: 12,
-    top: 0,
-    bottom: 0,
-    justifyContent: 'center'
-  },
-  counter: {
-    fontSize: 12
-  },
-  note: {
-    fontSize: 12,
-    marginTop: 8
-  },
-  errorWrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: 8,
-    gap: 6
-  },
-  error: {
-    fontSize: 14,
-    lineHeight: 20,
-    flex: 1,
-    fontWeight: '400'
-  }
-});
-//# sourceMappingURL=Input.js.map

package/lib/module/component/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useState","View","Text","StyleSheet","TextInput","f","BG_DEFAULT","BORDER_FOCUS","BORDER_SECONDARY","ERROR_COLOR","TEXT_DARK","TEXT_NOTE","TEXT_PLACEHOLDER","ErrorIcon","jsx","_jsx","jsxs","_jsxs","DEFAULT_BG","DEFAULT_BORDER","DEFAULT_FOCUS_BORDER","DEFAULT_TEXT","DEFAULT_PLACEHOLDER","DEFAULT_COUNTER","DEFAULT_NOTE","DEFAULT_ERROR","Input","value","onChangeText","placeholder","label","note","error","maxLength","showCounter","appWidth","backgroundColor","borderColor","focusBackgroundColor","focusBorderColor","errorBorderColor","fontFamily","fontSize","placeholderTextColor","textColor","labelStyle","noteStyle","errorStyle","counterStyle","style","focused","setFocused","length","hasError","showCounterEl","effectiveBorderColor","inputContainerStyle","styles","inputWrapper","paddingHorizontal","w_p","paddingVertical","borderRadius","isTablet","borderWidth","textInputStyle","input","color","paddingRight","wrapper","children","text","slice","onFocus","onBlur","autoCorrect","counterWrapper","pointerEvents","counter","errorWrap","size","create","width","fontWeight","marginBottom","lineHeight","letterSpacing","position","flexDirection","alignItems","flex","padding","minHeight","right","top","bottom","justifyContent","marginTop","gap"],"sourceRoot":"../../../src","sources":["component/Input.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/MultiSelectButtons.js

@@ -1,186 +0,0 @@
-"use strict";
-
-import { useMemo } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import * as f from "../utils/common.js";
-import ButtonSubmit from "./ButtonSubmit.js";
-import CheckIcon from "../assets/CheckIcon.js";
-import PlusIcon from "../assets/PlusIcon.js";
-import { BG_DEFAULT, BG_SECONDARY, BORDER_DEFAULT, BORDER_SELECTED, ERROR_COLOR, PRIMARY_COLOR, TEXT_DARK, TEXT_DEFAULT, TEXT_WHITE } from "../utils/constants.js";
-import ErrorIcon from "../assets/ErrorIcon.js";
-
-/**
- * Visual variant for selected tags in `MultiSelectButtons`.
- *
- * - `'primary'` – solid primary background with white text.
- * - `'secondary'` – light background with colored border and dark text.
- */
-
-/**
- * Single option for `MultiSelectButtons`.
- */
-
-/**
- * Props for the `MultiSelectButtons` component.
- *
- * Renders a question and a wrap layout of tag-like buttons allowing multiple selections.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function MultiSelectButtons({
-  question,
-  note,
-  noteStyle,
-  options,
-  value,
-  onSelect,
-  appWidth,
-  selectedVariant = 'secondary',
-  error,
-  selectedBackgroundColor,
-  selectedBorderColor,
-  selectedTextColor,
-  questionStyle,
-  errorStyle,
-  errorColor = ERROR_COLOR,
-  iconSize = 16,
-  optionNumberOfLines = 1,
-  style,
-  fontFamilyOption
-}) {
-  const hasError = useMemo(() => error != null && error !== '', [error]);
-  const selectedSet = useMemo(() => new Set(value), [value]);
-  const isPrimary = selectedVariant === 'primary';
-  const selectedBg = useMemo(() => selectedBackgroundColor ?? (isPrimary ? PRIMARY_COLOR : BG_SECONDARY), [selectedBackgroundColor, isPrimary]);
-  const selectedBorder = useMemo(() => isPrimary ? selectedBg : selectedBorderColor ?? BORDER_SELECTED, [isPrimary, selectedBg, selectedBorderColor]);
-  const selectedText = useMemo(() => selectedTextColor ?? (isPrimary ? TEXT_WHITE : TEXT_DEFAULT), [selectedTextColor, isPrimary]);
-  const toggle = optionValue => {
-    if (selectedSet.has(optionValue)) {
-      onSelect(value.filter(v => v !== optionValue));
-    } else {
-      onSelect([...value, optionValue]);
-    }
-    f.triggerHaptic();
-  };
-  const marginTop = useMemo(() => [styles.optionsRow, {
-    marginTop: 8 // f.w_p(appWidth, 8)
-  }], []);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.wrapper, style],
-    children: [question != null && question !== '' && /*#__PURE__*/_jsx(Text, {
-      style: [styles.question, questionStyle],
-      children: question
-    }), note != null && note !== '' && /*#__PURE__*/_jsx(Text, {
-      style: [styles.note, noteStyle],
-      children: note
-    }), /*#__PURE__*/_jsx(View, {
-      style: marginTop,
-      children: options.map(opt => {
-        const isSelected = selectedSet.has(opt.value);
-        const buttonStyles = (() => {
-          if (isSelected) {
-            return {
-              bg: selectedBg,
-              text: selectedText,
-              border: selectedBorder
-            };
-          }
-          // if (hasError) {
-          // 	return {bg: BG_DEFAULT, text: errorColor, border: errorColor}
-          // }
-          return {
-            bg: BG_DEFAULT,
-            text: TEXT_DARK,
-            border: BORDER_DEFAULT
-          };
-        })();
-        return /*#__PURE__*/_jsx(View, {
-          style: styles.optionSlot,
-          children: /*#__PURE__*/_jsx(ButtonSubmit, {
-            appWidth: appWidth,
-            title: opt.label,
-            leftIcon: isSelected ? /*#__PURE__*/_jsx(CheckIcon, {
-              size: iconSize,
-              color: buttonStyles.text
-            }) : /*#__PURE__*/_jsx(PlusIcon, {
-              size: iconSize,
-              color: buttonStyles.text
-            }),
-            onPress: () => toggle(opt.value),
-            variant: "secondary",
-            fullWidth: false,
-            backgroundColor: buttonStyles.bg,
-            textColor: buttonStyles.text,
-            borderColor: buttonStyles.border,
-            borderWidth: isSelected ? 2 : 1,
-            containerStyle: styles.tagContainer,
-            numberOfLines: optionNumberOfLines,
-            style: styles.tagButton,
-            fontFamily: fontFamilyOption
-          })
-        }, opt.value);
-      })
-    }), hasError && /*#__PURE__*/_jsxs(View, {
-      style: styles.errorRow,
-      children: [/*#__PURE__*/_jsx(ErrorIcon, {
-        size: 20,
-        color: ERROR_COLOR
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.errorText, {
-          color: errorColor
-        }, errorStyle],
-        children: error
-      })]
-    })]
-  });
-}
-export default MultiSelectButtons;
-const styles = StyleSheet.create({
-  wrapper: {
-    width: '100%'
-  },
-  question: {
-    fontSize: 16,
-    fontWeight: 600,
-    color: '#14181C',
-    lineHeight: 24,
-    letterSpacing: 0
-    // marginBottom: 8,
-  },
-  note: {
-    fontSize: 12,
-    color: '#666666',
-    marginBottom: 10
-  },
-  optionsRow: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: 12
-  },
-  optionSlot: {
-    alignSelf: 'flex-start'
-  },
-  tagContainer: {
-    marginTop: 0
-  },
-  tagButton: {
-    paddingVertical: 8,
-    paddingHorizontal: 12
-  },
-  errorRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: 8,
-    gap: 6
-  },
-  errorIcon: {
-    fontSize: 14,
-    fontWeight: '700'
-  },
-  errorText: {
-    fontSize: 14,
-    flex: 1,
-    fontWeight: '400',
-    paddingRight: 6
-  }
-});
-//# sourceMappingURL=MultiSelectButtons.js.map

package/lib/module/component/MultiSelectButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","View","Text","StyleSheet","f","ButtonSubmit","CheckIcon","PlusIcon","BG_DEFAULT","BG_SECONDARY","BORDER_DEFAULT","BORDER_SELECTED","ERROR_COLOR","PRIMARY_COLOR","TEXT_DARK","TEXT_DEFAULT","TEXT_WHITE","ErrorIcon","jsx","_jsx","jsxs","_jsxs","MultiSelectButtons","question","note","noteStyle","options","value","onSelect","appWidth","selectedVariant","error","selectedBackgroundColor","selectedBorderColor","selectedTextColor","questionStyle","errorStyle","errorColor","iconSize","optionNumberOfLines","style","fontFamilyOption","hasError","selectedSet","Set","isPrimary","selectedBg","selectedBorder","selectedText","toggle","optionValue","has","filter","v","triggerHaptic","marginTop","styles","optionsRow","wrapper","children","map","opt","isSelected","buttonStyles","bg","text","border","optionSlot","title","label","leftIcon","size","color","onPress","variant","fullWidth","backgroundColor","textColor","borderColor","borderWidth","containerStyle","tagContainer","numberOfLines","tagButton","fontFamily","errorRow","errorText","create","width","fontSize","fontWeight","lineHeight","letterSpacing","marginBottom","flexDirection","flexWrap","gap","alignSelf","paddingVertical","paddingHorizontal","alignItems","errorIcon","flex","paddingRight"],"sourceRoot":"../../../src","sources":["component/MultiSelectButtons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/README.md

@@ -1,215 +0,0 @@
-# Components – Props reference
-
-Documentation for all components and their props in `@originallyus/feedback-rn-sdk`. Tables: **Prop** | **Type** | **Default** | **Description**.
-
----
-
-## Button
-
-Basic pressable button (Pressable + Text).
-
-| Prop        | Type         | Default | Description                             |
-| ----------- | ------------ | ------- | --------------------------------------- |
-| `title`     | `string`     | —       | **Required.** Text shown on the button. |
-| `onPress`   | `() => void` | —       | **Required.** Callback when pressed.    |
-| `disabled`  | `boolean`    | `false` | Disables the button.                    |
-| `style`     | `ViewStyle`  | —       | Style for the button container.         |
-| `textStyle` | `TextStyle`  | —       | Style for the label text.               |
-
----
-
-## ButtonSubmit
-
-Submit button for forms: primary (red background) or secondary (red border + red text, light pink background). Supports loading state, left icon, and full width or content-based width.
-
-| Prop                      | Type                       | Default     | Description                                                             |
-| ------------------------- | -------------------------- | ----------- | ----------------------------------------------------------------------- |
-| `onPress`                 | `() => void`               | —           | **Required.** Callback when pressed.                                    |
-| `title`                   | `string`                   | —           | **Required.** Button label.                                             |
-| `leftIcon`                | `string`                   | —           | Character shown to the left of the title (e.g. `"+"`, `"✓"`).           |
-| `variant`                 | `'primary' \| 'secondary'` | `'primary'` | primary = red background; secondary = red border + text, light pink bg. |
-| `fullWidth`               | `boolean`                  | `true`      | `true` = full width, `false` = width by content.                        |
-| `disabled`                | `boolean`                  | `false`     | Disables the button.                                                    |
-| `loading`                 | `boolean`                  | `false`     | Shows ActivityIndicator and blocks press.                               |
-| `appWidth`                | `number`                   | —           | **Required.** Screen width (used for margin).                           |
-| `isTabletInstrusive`      | `boolean`                  | —           | On tablet: fixed 200px width instead of full width.                     |
-| `fontFamily`              | `string`                   | —           | Font family.                                                            |
-| `fontSize`                | `number`                   | `16`        | Font size.                                                              |
-| `textColor`               | `string`                   | —           | Text color (primary = white, secondary = red).                          |
-| `backgroundColor`         | `string`                   | —           | Background color.                                                       |
-| `pressedColor`            | `string`                   | —           | Color when pressed.                                                     |
-| `disabledBackgroundColor` | `string`                   | —           | Background color when disabled.                                         |
-| `disabledTextColor`       | `string`                   | —           | Text color when disabled.                                               |
-| `borderColor`             | `string`                   | —           | Border color (secondary variant).                                       |
-| `containerStyle`          | `ViewStyle`                | —           | Style for the wrapper view.                                             |
-| `style`                   | `ViewStyle`                | —           | Style for the Pressable.                                                |
-| `textStyle`               | `TextStyle`                | —           | Style for the text.                                                     |
-
----
-
-## RatingNumber
-
-Numeric rating scale: a row of buttons from `rating_min` to `rating_max` with optional left/right labels. Buttons are full width per device; supports size presets and compact mode.
-
-| Prop                                  | Type                             | Default     | Description                                             |
-| ------------------------------------- | -------------------------------- | ----------- | ------------------------------------------------------- |
-| `scale_label_color`                   | `string`                         | —           | **Required.** Text color for left/right labels.         |
-| `scale_label_left`                    | `string`                         | —           | Left label (e.g. "Strongly disagree").                  |
-| `scale_label_right`                   | `string`                         | —           | Right label (e.g. "Strongly agree").                    |
-| `scale_label_font`                    | `string`                         | —           | Font for labels.                                        |
-| `scale_label_fontsize`                | `number`                         | —           | Font size for labels.                                   |
-| `handlePressRating`                   | `(rating: number) => void`       | —           | **Required.** Callback when a number is selected.       |
-| `numStar`                             | `number`                         | —           | **Required.** Currently selected value.                 |
-| `rating_min`                          | `number`                         | —           | **Required.** Minimum value.                            |
-| `rating_max`                          | `number`                         | —           | **Required.** Maximum value.                            |
-| `appWidth`                            | `number`                         | —           | **Required.** App width (for layout).                   |
-| `size`                                | `'small' \| 'medium' \| 'large'` | `'medium'`  | Preset for height and spacing.                          |
-| `compact`                             | `boolean`                        | `true`      | `true` = no gap between buttons; `false` = gap between. |
-| `error`                               | `string`                         | —           | Error message; red border on buttons and text below.    |
-| `errorBorderColor`                    | `string`                         | `'#D32F2F'` | Border color when error is set.                         |
-| `rating_number_font`                  | `string`                         | —           | Font for the number inside each button.                 |
-| `rating_number_fontsize`              | `number`                         | —           | Font size for the number.                               |
-| `rating_number_bg_color`              | `string`                         | —           | Background color when not selected.                     |
-| `rating_number_border_color`          | `string`                         | —           | Border color when not selected.                         |
-| `rating_number_selected_bg_color`     | `string`                         | —           | Background color when selected (default #082065).       |
-| `rating_number_selected_border_color` | `string`                         | —           | Border color when selected.                             |
-| `rating_number_selected_text_color`   | `string`                         | —           | Text color when selected.                               |
-| `rating_number_text_color`            | `string`                         | —           | Text color when not selected.                           |
-| `errorStyle`                          | `TextStyle`                      | —           | Style for the error text.                               |
-
----
-
-## Rating
-
-Star rating block: title, question/subtitle, and a row of tappable stars (1–5 by default). Uses `RatingStar` internally. Selected stars are filled (e.g. golden), unselected are grey. Optional error message below.
-
-| Prop                | Type                       | Default                            | Description                                       |
-| ------------------- | -------------------------- | ---------------------------------- | ------------------------------------------------- |
-| `title`             | `string`                   | `'Help us get better'`             | Main heading above the question.                  |
-| `question`          | `string`                   | `'How was your experience today?'` | Subtitle or question text.                        |
-| `value`             | `number`                   | —                                  | **Required.** Current star value (1..rating_max). |
-| `onRate`            | `(rating: number) => void` | —                                  | **Required.** Callback when user selects a star.  |
-| `rating_min`        | `number`                   | `1`                                | Minimum star value.                               |
-| `rating_max`        | `number`                   | `5`                                | Maximum star value.                               |
-| `disabled`          | `boolean`                  | `false`                            | Disables star taps.                               |
-| `error`             | `string`                   | —                                  | Error message; shown below the stars.             |
-| `normalStarColor`   | `string`                   | `'#D0D0D0'`                        | Color for unselected stars.                       |
-| `selectedStarColor` | `string`                   | `'#FFC107'`                        | Color for selected stars (e.g. golden).           |
-| `titleStyle`        | `TextStyle`                | —                                  | Style for the title.                              |
-| `questionStyle`     | `TextStyle`                | —                                  | Style for the question.                           |
-| `errorStyle`        | `TextStyle`                | —                                  | Style for the error text.                         |
-| `style`             | `ViewStyle`                | —                                  | Style for the wrapper.                            |
-
----
-
-## Textarea
-
-Multi-line text input: label on top, note below, placeholder, and optional character count (maxLength). Supports focus and error states.
-
-| Prop                   | Type                     | Default         | Description                                           |
-| ---------------------- | ------------------------ | --------------- | ----------------------------------------------------- |
-| `value`                | `string`                 | —               | **Required.** Current value.                          |
-| `onChangeText`         | `(text: string) => void` | —               | **Required.** Callback when text changes.             |
-| `placeholder`          | `string`                 | `'Placeholder'` | Placeholder text.                                     |
-| `label`                | `string`                 | —               | Label above the field.                                |
-| `note`                 | `string`                 | —               | Helper text below the field.                          |
-| `error`                | `string`                 | —               | Error message; red border and text below.             |
-| `maxLength`            | `number`                 | —               | Max characters; shows count 0/maxLength bottom-right. |
-| `appWidth`             | `number`                 | —               | **Required.** App width (for padding).                |
-| `minHeight`            | `number`                 | `120`           | Minimum height of the input area.                     |
-| `backgroundColor`      | `string`                 | —               | Background color of the field.                        |
-| `borderColor`          | `string`                 | —               | Border color (unfocused).                             |
-| `focusBackgroundColor` | `string`                 | —               | Background color when focused.                        |
-| `focusBorderColor`     | `string`                 | —               | Border color when focused.                            |
-| `errorBorderColor`     | `string`                 | `'#D32F2F'`     | Border color when error is set.                       |
-| `fontFamily`           | `string`                 | —               | Font family.                                          |
-| `fontSize`             | `number`                 | `16`            | Font size.                                            |
-| `placeholderTextColor` | `string`                 | —               | Placeholder text color.                               |
-| `textColor`            | `string`                 | —               | Text color.                                           |
-| `labelStyle`           | `TextStyle`              | —               | Style for the label.                                  |
-| `captionStyle`         | `TextStyle`              | —               | Style for caption.                                    |
-| `noteStyle`            | `TextStyle`              | —               | Style for the note.                                   |
-| `errorStyle`           | `TextStyle`              | —               | Style for the error text.                             |
-| `counterStyle`         | `TextStyle`              | —               | Style for the character counter.                      |
-| `style`                | `ViewStyle`              | —               | Style for the wrapper.                                |
-
----
-
-## Input
-
-Single-line text input: same structure as Textarea (label, note, error), with optional character counter when `maxLength` is set.
-
-| Prop                   | Type                     | Default         | Description                                              |
-| ---------------------- | ------------------------ | --------------- | -------------------------------------------------------- |
-| `value`                | `string`                 | —               | **Required.** Current value.                             |
-| `onChangeText`         | `(text: string) => void` | —               | **Required.** Callback when text changes.                |
-| `placeholder`          | `string`                 | `'Placeholder'` | Placeholder text.                                        |
-| `label`                | `string`                 | —               | Label above the field.                                   |
-| `note`                 | `string`                 | —               | Helper text below the field.                             |
-| `error`                | `string`                 | —               | Error message; red border and text below.                |
-| `maxLength`            | `number`                 | —               | Max characters.                                          |
-| `showCounter`          | `boolean`                | `true`          | Show 0/maxLength when maxLength is set; `false` to hide. |
-| `appWidth`             | `number`                 | —               | **Required.** App width (for padding).                   |
-| `backgroundColor`      | `string`                 | —               | Background color.                                        |
-| `borderColor`          | `string`                 | —               | Border color.                                            |
-| `focusBackgroundColor` | `string`                 | —               | Background color when focused.                           |
-| `focusBorderColor`     | `string`                 | —               | Border color when focused.                               |
-| `errorBorderColor`     | `string`                 | `'#D32F2F'`     | Border color when error is set.                          |
-| `fontFamily`           | `string`                 | —               | Font family.                                             |
-| `fontSize`             | `number`                 | `16`            | Font size.                                               |
-| `placeholderTextColor` | `string`                 | —               | Placeholder text color.                                  |
-| `textColor`            | `string`                 | —               | Text color.                                              |
-| `labelStyle`           | `TextStyle`              | —               | Style for the label.                                     |
-| `noteStyle`            | `TextStyle`              | —               | Style for the note.                                      |
-| `errorStyle`           | `TextStyle`              | —               | Style for the error text.                                |
-| `counterStyle`         | `TextStyle`              | —               | Style for the counter.                                   |
-| `style`                | `ViewStyle`              | —               | Style for the wrapper.                                   |
-
----
-
-## YesNoButtons
-
-Two Yes / No buttons built with ButtonSubmit. Single selection; selected style can be primary (red background) or secondary (light background + bold border).
-
-| Prop                      | Type                             | Default     | Description                                                       |
-| ------------------------- | -------------------------------- | ----------- | ----------------------------------------------------------------- |
-| `question`                | `string`                         | —           | **Required.** Question text above the buttons.                    |
-| `value`                   | `'yes' \| 'no' \| null`          | —           | **Required.** Current selection.                                  |
-| `onSelect`                | `(value: 'yes' \| 'no') => void` | —           | **Required.** Callback when an option is selected.                |
-| `selectedVariant`         | `'primary' \| 'secondary'`       | `'primary'` | primary = red bg, white text; secondary = light bg + bold border. |
-| `yesLabel`                | `string`                         | `'Yes'`     | Label for the Yes button.                                         |
-| `noLabel`                 | `string`                         | `'No'`      | Label for the No button.                                          |
-| `error`                   | `string`                         | —           | Error message; shown below the two buttons with "!".              |
-| `appWidth`                | `number`                         | —           | **Required.** App width (for ButtonSubmit).                       |
-| `selectedBackgroundColor` | `string`                         | —           | Override background when selected (secondary).                    |
-| `selectedBorderColor`     | `string`                         | —           | Override border when selected (secondary).                        |
-| `selectedTextColor`       | `string`                         | —           | Override text color when selected (secondary).                    |
-| `questionStyle`           | `TextStyle`                      | —           | Style for the question.                                           |
-| `errorStyle`              | `TextStyle`                      | —           | Style for the error text.                                         |
-| `errorColor`              | `string`                         | —           | Error text color (default red).                                   |
-| `style`                   | `ViewStyle`                      | —           | Style for the wrapper.                                            |
-
----
-
-## MultiSelectButtons
-
-Multiple choice (tag) buttons: select several options, wrap layout. Uses ButtonSubmit with "+" / "✓" icon on the left. Selected variant: primary (red background) or secondary (light background + bold border, black text).
-
-| Prop                      | Type                           | Default       | Description                                                                   |
-| ------------------------- | ------------------------------ | ------------- | ----------------------------------------------------------------------------- |
-| `question`                | `string`                       | —             | **Required.** Question text above the options.                                |
-| `options`                 | `MultiSelectOption[]`          | —             | **Required.** List of options. Each: `{ value: string, label: string }`.      |
-| `value`                   | `string[]`                     | —             | **Required.** Array of selected values.                                       |
-| `onSelect`                | `(selected: string[]) => void` | —             | **Required.** Callback when selection changes (toggles per option).           |
-| `appWidth`                | `number`                       | —             | **Required.** App width.                                                      |
-| `selectedVariant`         | `'primary' \| 'secondary'`     | `'secondary'` | primary = red bg, white text; secondary = light bg + blue border, black text. |
-| `error`                   | `string`                       | —             | Error message; shown below the buttons.                                       |
-| `selectedBackgroundColor` | `string`                       | —             | Override background when selected.                                            |
-| `selectedBorderColor`     | `string`                       | —             | Override border when selected.                                                |
-| `selectedTextColor`       | `string`                       | —             | Override text color when selected.                                            |
-| `questionStyle`           | `TextStyle`                    | —             | Style for the question.                                                       |
-| `errorStyle`              | `TextStyle`                    | —             | Style for the error text.                                                     |
-| `errorColor`              | `string`                       | —             | Error text color.                                                             |
-| `style`                   | `ViewStyle`                    | —             | Style for the wrapper.                                                        |
-
-**MultiSelectOption:** `{ value: string; label: string }`