rn-inputforge 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Your Name
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,273 @@
+# 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.
+
+Works identically whether your project uses **npm** or **yarn**.
+
+---
+
+## Installation
+
+Pick whichever your project already uses — the package itself doesn't care.
+
+```bash
+# npm
+npm install rn-inputforge
+
+# yarn
+yarn add rn-inputforge
+```
+
+That's it — this is a pure JavaScript/TypeScript package (no native code), so on a bare React Native CLI project there is **no pod install step and no manual linking** required. If you're on iOS and your project's Podfile does a full `pod install` on every dependency change anyway, running it won't hurt, it's just not required for this package.
+
+### Requirements
+
+- `react` >= 18 (tested against 19.2.x)
+- `react-native` >= 0.73 (tested against 0.86.x)
+- TypeScript is optional but recommended (type defs are bundled)
+
+---
+
+## Quick start
+
+```tsx
+import { FieldFlowInput } from 'rn-inputforge';
+
+function LoginForm() {
+  const [email, setEmail] = useState('');
+
+  return (
+    <FieldFlowInput
+      type="email"
+      label="Email address"
+      placeholder="you@example.com"
+      value={email}
+      onChangeText={setEmail}
+      required
+    />
+  );
+}
+```
+
+Setting `type="email"` automatically wires up the email keyboard, disables autocorrect/autocapitalize, and applies email-format validation on blur — no extra config needed. Same idea for `number`, `decimal`, `phone`, `password`, and `search`.
+
+---
+
+## 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` |
+
+---
+
+## Validation
+
+Rules are declarative and reusable across the whole library:
+
+```tsx
+<FieldFlowInput
+  type="email"
+  label="Email"
+  value={email}
+  onChangeText={setEmail}
+  rules={{ required: 'Email is required', email: true }}
+  validateOnChange
+/>
+```
+
+Available rule keys: `required`, `minLength`, `maxLength`, `pattern` (RegExp), `email`, `number`, and `custom` (one or more `(value: string) => { valid: boolean; message?: string }` functions).
+
+For a whole form at once, use `useFieldFlowForm`:
+
+```tsx
+import { useFieldFlowForm, FieldFlowInput } from 'rn-inputforge';
+
+const form = useFieldFlowForm({
+  initialValues: { name: '', email: '' },
+  rules: {
+    name: { required: true, minLength: 2 },
+    email: { required: true, email: true },
+  },
+  onSubmit: async values => {
+    await api.createAccount(values);
+  },
+});
+
+<FieldFlowInput
+  label="Name"
+  value={form.values.name}
+  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.
+
+---
+
+## Keyboard & form navigation
+
+`useKeyboardManager` handles "Next" → focus the next field, "Done" → submit, and keeps the focused field scrolled above the keyboard:
+
+```tsx
+const keyboardManager = useKeyboardManager({
+  order: ['name', 'email', 'password'],
+  onSubmit: form.submit,
+});
+
+<KeyboardAwareFormWrapper keyboardManager={keyboardManager}>
+  <FieldFlowInput
+    ref={r => keyboardManager.registerField('name', { current: r })}
+    returnKeyType={keyboardManager.getReturnKeyType('name')}
+    onSubmitEditing={() => keyboardManager.focusNext('name')}
+    /* ...value, onChangeText, etc. */
+  />
+  {/* ...more fields */}
+</KeyboardAwareFormWrapper>
+```
+
+See `example/App.tsx` for a complete multi-field form wired end to end.
+
+---
+
+## Description fields
+
+```tsx
+import { DescriptionField } from 'rn-inputforge';
+
+<DescriptionField
+  label="Bio"
+  placeholder="Tell us about yourself..."
+  value={bio}
+  onChangeText={setBio}
+  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.
+
+---
+
+## Chat input
+
+```tsx
+import { ChatInput } from 'rn-inputforge';
+
+<ChatInput
+  value={message}
+  onChangeText={setMessage}
+  onSend={text => sendMessage(text)}
+  attachmentActions={['camera', 'gallery', 'document', 'location']}
+  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.
+
+---
+
+## Icons
+
+FieldFlow ships a small, dependency-free icon set (`eye`, `eyeOff`, `clear`, `check`, `alert`, `search`, `send`, `camera`, `image`, `paperclip`, `mic`, `mapPin`, `spinner`) so you don't need to install `react-native-svg` or a vector-icon library just to use text fields with icons:
+
+```tsx
+<FieldFlowInput leftIcon="search" rightIcon={<MyCustomIcon />} />
+```
+
+Any prop that accepts an icon also accepts a raw `ReactNode`, so you can swap in your own icon library (e.g. `react-native-vector-icons`, `lucide-react-native`) at any time without changing anything else.
+
+---
+
+## Theming
+
+Wrap your app (or just a screen) in `FieldFlowThemeProvider` and override only what you need — everything else falls back to the default theme:
+
+```tsx
+import { FieldFlowThemeProvider } from 'rn-inputforge';
+
+<FieldFlowThemeProvider
+  theme={{
+    colors: { borderFocused: '#7C3AED', labelFocused: '#7C3AED' },
+    spacing: { borderRadius: 14 },
+  }}
+>
+  <App />
+</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.
+
+---
+
+## Project structure
+
+```
+rn-inputforge/
+├── src/
+│   ├── components/
+│   │   ├── FieldFlowInput/        core input (all field types, icons, states)
+│   │   ├── DescriptionField/      auto-growing multiline field
+│   │   ├── ChatInput/             chat composer + attachment toolbar
+│   │   └── KeyboardAwareFormWrapper/
+│   ├── hooks/                     useFieldFlowForm, useKeyboardManager, useFieldState
+│   ├── theme/                     ThemeProvider + default/dark themes
+│   ├── validation/                validators + useValidation
+│   ├── icons/                     dependency-free icon set
+│   ├── utils/                     keyboard-type resolution, formatters
+│   └── index.ts                   public API
+├── example/App.tsx                full usage reference (form + chat screen)
+├── package.json
+└── tsconfig*.json
+```
+
+---
+
+## Building the library locally
+
+The package is set up with [`react-native-builder-bob`](https://github.com/callstack/react-native-builder-bob) to produce CommonJS, ES module, and TypeScript declaration output — the standard setup for RN libraries, and it works the same regardless of whether the consuming app uses npm or Yarn.
+
+```bash
+# with yarn
+yarn install
+yarn build
+
+# with npm
+npm install
+npm run build
+```
+
+This produces:
+
+```
+lib/commonjs/   -> require()-style output
+lib/module/     -> ES module output (used by Metro when bundling)
+lib/typescript/ -> .d.ts declaration files
+```
+
+## Publishing
+
+```bash
+npm version patch   # or minor / major
+npm publish          # or: yarn publish
+```
+
+Both package managers read the same `package.json`, so there's nothing extra to configure to support either one.
+
+## License
+
+MIT

package/lib/commonjs/components/ChatInput/ChatInput.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatInput = ChatInput;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _Icon = require("../../icons/Icon");
+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); }
+const ACTION_ICON = {
+  camera: 'camera',
+  gallery: 'image',
+  document: 'paperclip',
+  location: 'mapPin',
+  voice: 'mic'
+};
+
+/**
+ * A ready-to-drop-in chat composer for messaging screens: expandable input,
+ * a configurable row of attachment buttons (camera / gallery / document /
+ * location / voice, plus your own custom actions), and a send button that
+ * only lights up once there's something to send.
+ */
+function ChatInput({
+  value,
+  defaultValue,
+  onChangeText,
+  onSend,
+  placeholder = 'Message',
+  attachmentActions = [],
+  onAttachmentPress,
+  customActions = [],
+  disabled,
+  loading,
+  maxLength,
+  minHeight = 40,
+  maxHeight = 140,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const isControlled = value !== undefined;
+  const [internalValue, setInternalValue] = (0, _react.useState)(defaultValue ?? '');
+  const currentValue = isControlled ? value ?? '' : internalValue;
+  const [height, setHeight] = (0, _react.useState)(minHeight);
+  const inputRef = (0, _react.useRef)(null);
+  const handleChangeText = next => {
+    if (!isControlled) setInternalValue(next);
+    onChangeText?.(next);
+  };
+  const handleContentSizeChange = e => {
+    setHeight(Math.min(maxHeight, Math.max(minHeight, e.nativeEvent.contentSize.height)));
+  };
+  const handleSend = () => {
+    const trimmed = currentValue.trim();
+    if (!trimmed || disabled || loading) return;
+    onSend(trimmed);
+    if (!isControlled) setInternalValue('');
+    inputRef.current?.clear();
+  };
+  const canSend = currentValue.trim().length > 0 && !disabled && !loading;
+  const styles = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.container,
+      children: [attachmentActions.length > 0 || customActions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.toolbar,
+        children: [attachmentActions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: () => onAttachmentPress?.(action),
+          style: styles.toolbarButton,
+          hitSlop: 8,
+          disabled: disabled,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+            name: ACTION_ICON[action],
+            color: theme.colors.icon,
+            size: 20
+          })
+        }, action)), customActions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: action.onPress,
+          style: styles.toolbarButton,
+          hitSlop: 8,
+          children: typeof action.icon === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+            name: action.icon,
+            color: theme.colors.icon,
+            size: 20
+          }) : action.icon
+        }, action.id))]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.inputRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          ref: inputRef,
+          value: currentValue,
+          onChangeText: handleChangeText,
+          onContentSizeChange: handleContentSizeChange,
+          placeholder: placeholder,
+          placeholderTextColor: theme.colors.placeholder,
+          multiline: true,
+          maxLength: maxLength,
+          editable: !disabled && !loading,
+          style: [styles.input, {
+            height
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: handleSend,
+          disabled: !canSend,
+          style: [styles.sendButton, {
+            opacity: canSend ? 1 : 0.4
+          }],
+          hitSlop: 8,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.FieldFlowIcon, {
+            name: loading ? 'spinner' : 'send',
+            color: "#FFFFFF",
+            size: 16
+          })
+        })]
+      })]
+    })
+  });
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.background,
+      borderTopWidth: theme.spacing.borderWidth,
+      borderTopColor: theme.colors.border,
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.gap
+    },
+    toolbar: {
+      flexDirection: 'row',
+      marginBottom: theme.spacing.gap
+    },
+    toolbarButton: {
+      marginRight: theme.spacing.gap * 2,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    inputRow: {
+      flexDirection: 'row',
+      alignItems: 'flex-end'
+    },
+    input: {
+      flex: 1,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderRadius: theme.spacing.borderRadius * 1.6,
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.paddingVertical * 0.7,
+      textAlignVertical: 'top'
+    },
+    sendButton: {
+      width: 34,
+      height: 34,
+      borderRadius: 17,
+      backgroundColor: theme.colors.borderFocused,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginLeft: theme.spacing.gap
+    }
+  });
+}
+//# sourceMappingURL=ChatInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ACTION_ICON","camera","gallery","document","location","voice","ChatInput","value","defaultValue","onChangeText","onSend","placeholder","attachmentActions","onAttachmentPress","customActions","disabled","loading","maxLength","minHeight","maxHeight","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","isControlled","undefined","internalValue","setInternalValue","useState","currentValue","height","setHeight","inputRef","useRef","handleChangeText","next","handleContentSizeChange","Math","min","max","nativeEvent","contentSize","handleSend","trimmed","trim","current","clear","canSend","length","styles","createStyles","jsx","KeyboardAvoidingView","behavior","Platform","OS","children","jsxs","View","style","container","toolbar","map","action","Pressable","onPress","toolbarButton","hitSlop","FieldFlowIcon","name","color","colors","icon","size","id","inputRow","TextInput","ref","onContentSizeChange","placeholderTextColor","multiline","editable","input","sendButton","opacity","StyleSheet","create","backgroundColor","background","borderTopWidth","spacing","borderWidth","borderTopColor","border","paddingHorizontal","paddingVertical","gap","flexDirection","marginBottom","marginRight","alignItems","justifyContent","flex","fontSize","typography","text","backgroundDisabled","borderRadius","textAlignVertical","width","borderFocused","marginLeft"],"sourceRoot":"../../../../src","sources":["components/ChatInput/ChatInput.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

package/lib/commonjs/components/DescriptionField/DescriptionField.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DescriptionField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FieldFlowInput = require("../FieldFlowInput/FieldFlowInput");
+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); }
+/**
+ * A dedicated multi-line field for comments, notes, descriptions, and feedback.
+ * Grows automatically as the user types, up to `maxHeight`, and supports the
+ * same character-limit / validation / theming props as FieldFlowInput.
+ */
+const DescriptionField = exports.DescriptionField = /*#__PURE__*/(0, _react.forwardRef)(function DescriptionField({
+  minHeight = 80,
+  maxHeight = 200,
+  inputStyle,
+  showCharacterCount = true,
+  ...rest
+}, ref) {
+  const [height, setHeight] = (0, _react.useState)(minHeight);
+  const handleContentSizeChange = e => {
+    const next = Math.min(maxHeight, Math.max(minHeight, e.nativeEvent.contentSize.height));
+    setHeight(next);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFlowInput.FieldFlowInput, {
+    ref: ref,
+    type: "description",
+    showCharacterCount: showCharacterCount,
+    inputStyle: {
+      height,
+      ...inputStyle
+    },
+    onContentSizeChange: handleContentSizeChange,
+    ...rest
+  });
+});
+//# sourceMappingURL=DescriptionField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_FieldFlowInput","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DescriptionField","exports","forwardRef","minHeight","maxHeight","inputStyle","showCharacterCount","rest","ref","height","setHeight","useState","handleContentSizeChange","next","Math","min","max","nativeEvent","contentSize","jsx","FieldFlowInput","type","onContentSizeChange"],"sourceRoot":"../../../../src","sources":["components/DescriptionField/DescriptionField.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAkE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUlE;AACA;AACA;AACA;AACA;AACO,MAAMkB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,iBAAU,EAAmC,SAASF,gBAAgBA,CACpG;EAAEG,SAAS,GAAG,EAAE;EAAEC,SAAS,GAAG,GAAG;EAAEC,UAAU;EAAEC,kBAAkB,GAAG,IAAI;EAAE,GAAGC;AAAK,CAAC,EACnFC,GAAG,EACH;EACA,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACR,SAAS,CAAC;EAE/C,MAAMS,uBAAuB,GAAI/B,CAA4D,IAAK;IAChG,MAAMgC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACX,SAAS,EAAEU,IAAI,CAACE,GAAG,CAACb,SAAS,EAAEtB,CAAC,CAACoC,WAAW,CAACC,WAAW,CAACT,MAAM,CAAC,CAAC;IACvFC,SAAS,CAACG,IAAI,CAAC;EACjB,CAAC;EAED,oBACE,IAAAjC,WAAA,CAAAuC,GAAA,EAACxC,eAAA,CAAAyC,cAAc;IACbZ,GAAG,EAAEA,GAAI;IACTa,IAAI,EAAC,aAAa;IAClBf,kBAAkB,EAAEA,kBAAmB;IACvCD,UAAU,EAAE;MAAEI,MAAM;MAAE,GAAGJ;IAAW,CAAE;IACtCiB,mBAAmB,EAAEV,uBAAwB;IAAA,GACzCL;EAAI,CACT,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

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

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

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

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