react-native-richify 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-richify",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A production-grade, fully customizable React Native Rich Text Input using the Overlay Technique — no WebView required.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -20,7 +20,7 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "lint": "tsc --noEmit",
-    "prepare": "bob build",
+    "prepare": "husky",
     "release": "npm publish"
   },
   "keywords": [
@@ -50,17 +50,18 @@
   "devDependencies": {
     "@react-native/babel-preset": "^0.84.1",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "latest",
+    "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.12",
-    "@types/react": "latest",
+    "@types/react": "^19.2.14",
     "babel-jest": "^30.3.0",
     "babel-plugin-module-resolver": "^5.0.2",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
-    "react": "latest",
-    "react-native": "latest",
-    "react-native-builder-bob": "latest",
-    "react-test-renderer": "latest",
-    "typescript": "latest"
+    "react": "^19.2.4",
+    "react-native": "^0.84.1",
+    "react-native-builder-bob": "^0.41.0",
+    "react-test-renderer": "^19.2.4",
+    "typescript": "^6.0.2"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -80,4 +81,4 @@
       ]
     ]
   }
-}
+}

package/src/components/OverlayText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { OverlayTextProps } from '@/types';
+import type { OverlayTextProps } from '../types';
 /**
  * OverlayText renders the styled text segments as a `<Text>` component tree.
  *

package/src/components/OverlayText.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Text, View } from 'react-native';
-import type { OverlayTextProps } from '@/types';
-import { segmentToTextStyle } from '@/utils/styleMapper';
-import { DEFAULT_THEME } from '@/constants/defaultStyles';
+import type { OverlayTextProps } from '../types';
+import { segmentToTextStyle } from '../utils/styleMapper';
+import { DEFAULT_THEME } from '../constants/defaultStyles';
 
 /**
  * OverlayText renders the styled text segments as a `<Text>` component tree.

package/src/components/RichTextInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { RichTextInputProps } from '@/types';
+import type { RichTextInputProps } from '../types';
 /**
  * RichTextInput — The main rich text editor component.
  *

package/src/components/RichTextInput.tsx

@@ -6,12 +6,12 @@ import {
   type NativeSyntheticEvent,
   type TextInputSelectionChangeEventData,
 } from 'react-native';
-import type { RichTextInputProps } from '@/types';
-import { DEFAULT_THEME } from '@/constants/defaultStyles';
-import { segmentsToPlainText } from '@/utils/parser';
-import { useRichText } from '@/hooks/useRichText';
-import { OverlayText } from '@/components/OverlayText';
-import { Toolbar } from '@/components/Toolbar';
+import type { RichTextInputProps } from '../types';
+import { DEFAULT_THEME } from '../constants/defaultStyles';
+import { segmentsToPlainText } from '../utils/parser';
+import { useRichText } from '../hooks/useRichText';
+import { OverlayText } from './OverlayText';
+import { Toolbar } from './Toolbar';
 
 /**
  * RichTextInput — The main rich text editor component.

package/src/components/Toolbar.tsx

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
-import type { ToolbarProps, ToolbarItem } from '@/types';
-import { DEFAULT_THEME, DEFAULT_TOOLBAR_ITEMS } from '@/constants/defaultStyles';
-import { ToolbarButton } from '@/components/ToolbarButton';
+import type { ToolbarProps, ToolbarItem } from '../types';
+import { DEFAULT_THEME, DEFAULT_TOOLBAR_ITEMS } from '../constants/defaultStyles';
+import { ToolbarButton } from './ToolbarButton';
 
 /**
  * Formatting toolbar for the rich text editor.

package/src/components/ToolbarButton.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TouchableOpacity, Text, StyleSheet } from 'react-native';
-import type { ToolbarButtonProps } from '@/types';
-import { DEFAULT_THEME } from '@/constants/defaultStyles';
+import type { ToolbarButtonProps } from '../types';
+import { DEFAULT_THEME } from '../constants/defaultStyles';
 
 /**
  * A single toolbar button that toggles a formatting option.
@@ -19,16 +19,16 @@ export const ToolbarButton: React.FC<ToolbarButtonProps> = React.memo(
     const buttonStyle = [
       resolvedTheme.toolbarButtonStyle ?? DEFAULT_THEME.toolbarButtonStyle,
       active &&
-        (resolvedTheme.toolbarButtonActiveStyle ??
-          DEFAULT_THEME.toolbarButtonActiveStyle),
+      (resolvedTheme.toolbarButtonActiveStyle ??
+        DEFAULT_THEME.toolbarButtonActiveStyle),
     ];
 
     const textStyle = [
       resolvedTheme.toolbarButtonTextStyle ??
-        DEFAULT_THEME.toolbarButtonTextStyle,
+      DEFAULT_THEME.toolbarButtonTextStyle,
       active &&
-        (resolvedTheme.toolbarButtonActiveTextStyle ??
-          DEFAULT_THEME.toolbarButtonActiveTextStyle),
+      (resolvedTheme.toolbarButtonActiveTextStyle ??
+        DEFAULT_THEME.toolbarButtonActiveTextStyle),
       // Make italic button actually italic, bold button actually bold, etc.
       label === 'I' && styles.italicLabel,
       label === 'U' && styles.underlineLabel,

package/src/constants/defaultStyles.ts

@@ -1,4 +1,4 @@
-import type { RichTextTheme, FormatStyle, ToolbarItem } from '@/types';
+import type { RichTextTheme, FormatStyle, ToolbarItem } from '../types';
 
 /**
  * Default color palette used throughout the editor.

package/src/context/RichTextContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { UseRichTextReturn } from '@/types';
-import { type UseRichTextOptions } from '@/hooks/useRichText';
+import type { UseRichTextReturn } from '../types';
+import { type UseRichTextOptions } from '../hooks/useRichText';
 export interface RichTextProviderProps extends UseRichTextOptions {
     children: React.ReactNode;
 }

package/src/context/RichTextContext.tsx

@@ -1,6 +1,6 @@
 import React, { createContext, useContext } from 'react';
-import type { RichTextState, RichTextActions, UseRichTextReturn } from '@/types';
-import { useRichText, type UseRichTextOptions } from '@/hooks/useRichText';
+import type { RichTextState, RichTextActions, UseRichTextReturn } from '../types';
+import { useRichText, type UseRichTextOptions } from '../hooks/useRichText';
 
 // ─── Context ─────────────────────────────────────────────────────────────────
 
@@ -56,7 +56,7 @@ export function useRichTextContext(): UseRichTextReturn {
   if (!context) {
     throw new Error(
       'useRichTextContext must be used within a <RichTextProvider>. ' +
-        'Wrap your component tree with <RichTextProvider> to use this hook.',
+      'Wrap your component tree with <RichTextProvider> to use this hook.',
     );
   }
   return context;

package/src/hooks/useFormatting.d.ts

@@ -1,4 +1,4 @@
-import type { StyledSegment, FormatType, FormatStyle, HeadingLevel, SelectionRange } from '@/types';
+import type { StyledSegment, FormatType, FormatStyle, HeadingLevel, SelectionRange } from '../types';
 interface UseFormattingOptions {
     segments: StyledSegment[];
     selection: SelectionRange;
@@ -22,4 +22,4 @@ export declare function useFormatting({ segments, selection, activeStyles, onSeg
     isFormatActive: (format: FormatType) => boolean;
     currentSelectionStyle: () => FormatStyle;
 };
-export {};
+export { };

package/src/hooks/useFormatting.ts

@@ -5,14 +5,14 @@ import type {
   FormatStyle,
   HeadingLevel,
   SelectionRange,
-} from '@/types';
+} from '../types';
 import {
   toggleFormatOnSelection,
   setStyleOnSelection,
   setHeadingOnLine,
   isFormatActiveInSelection,
   getSelectionStyle,
-} from '@/utils/formatter';
+} from '../utils/formatter';
 
 interface UseFormattingOptions {
   segments: StyledSegment[];

package/src/hooks/useRichText.d.ts

@@ -1,4 +1,4 @@
-import type { StyledSegment, UseRichTextReturn } from '@/types';
+import type { StyledSegment, UseRichTextReturn } from '../types';
 export interface UseRichTextOptions {
     /** Initial segments to populate the editor with. */
     initialSegments?: StyledSegment[];

package/src/hooks/useRichText.ts

@@ -8,16 +8,16 @@ import type {
   RichTextState,
   RichTextActions,
   UseRichTextReturn,
-} from '@/types';
-import { EMPTY_FORMAT_STYLE } from '@/constants/defaultStyles';
+} from '../types';
+import { EMPTY_FORMAT_STYLE } from '../constants/defaultStyles';
 import {
   createSegment,
   segmentsToPlainText,
   reconcileTextChange,
   findPositionInSegments,
-} from '@/utils/parser';
-import { useSelection } from '@/hooks/useSelection';
-import { useFormatting } from '@/hooks/useFormatting';
+} from '../utils/parser';
+import { useSelection } from '../hooks/useSelection';
+import { useFormatting } from '../hooks/useFormatting';
 
 export interface UseRichTextOptions {
   /** Initial segments to populate the editor with. */

package/src/hooks/useSelection.d.ts

@@ -1,4 +1,4 @@
-import type { SelectionRange } from '@/types';
+import type { SelectionRange } from '../types';
 /**
  * Hook for tracking TextInput selection state.
  *

package/src/hooks/useSelection.ts

@@ -1,5 +1,5 @@
 import { useState, useCallback, useRef } from 'react';
-import type { SelectionRange } from '@/types';
+import type { SelectionRange } from '../types';
 
 /**
  * Hook for tracking TextInput selection state.

package/src/index.d.ts

@@ -1,15 +1,15 @@
-export { RichTextInput } from '@/components/RichTextInput';
-export { OverlayText } from '@/components/OverlayText';
-export { Toolbar } from '@/components/Toolbar';
-export { ToolbarButton } from '@/components/ToolbarButton';
-export { useRichText } from '@/hooks/useRichText';
-export type { UseRichTextOptions } from '@/hooks/useRichText';
-export { useSelection } from '@/hooks/useSelection';
-export { useFormatting } from '@/hooks/useFormatting';
-export { RichTextProvider, useRichTextContext, } from '@/context/RichTextContext';
-export type { RichTextProviderProps } from '@/context/RichTextContext';
-export { createSegment, segmentsToPlainText, getTotalLength, mergeAdjacentSegments, reconcileTextChange, } from '@/utils/parser';
-export { toggleFormatOnSelection, setStyleOnSelection, setHeadingOnLine, isFormatActiveInSelection, getSelectionStyle, } from '@/utils/formatter';
-export { formatStyleToTextStyle, segmentToTextStyle, segmentsToTextStyles, } from '@/utils/styleMapper';
-export { DEFAULT_COLORS, DEFAULT_THEME, DEFAULT_TOOLBAR_ITEMS, DEFAULT_BASE_TEXT_STYLE, HEADING_FONT_SIZES, EMPTY_FORMAT_STYLE, } from '@/constants/defaultStyles';
-export type { FormatType, HeadingLevel, ListType, FormatStyle, StyledSegment, SelectionRange, RichTextState, RichTextActions, UseRichTextReturn, RichTextTheme, ToolbarItem, OverlayTextProps, ToolbarButtonProps, ToolbarProps, RichTextInputProps, } from '@/types';
+export { RichTextInput } from './components/RichTextInput';
+export { OverlayText } from './components/OverlayText';
+export { Toolbar } from './components/Toolbar';
+export { ToolbarButton } from './components/ToolbarButton';
+export { useRichText } from './hooks/useRichText';
+export type { UseRichTextOptions } from './hooks/useRichText';
+export { useSelection } from './hooks/useSelection';
+export { useFormatting } from './hooks/useFormatting';
+export { RichTextProvider, useRichTextContext, } from './context/RichTextContext';
+export type { RichTextProviderProps } from './context/RichTextContext';
+export { createSegment, segmentsToPlainText, getTotalLength, mergeAdjacentSegments, reconcileTextChange, } from './utils/parser';
+export { toggleFormatOnSelection, setStyleOnSelection, setHeadingOnLine, isFormatActiveInSelection, getSelectionStyle, } from './utils/formatter';
+export { formatStyleToTextStyle, segmentToTextStyle, segmentsToTextStyles, } from './utils/styleMapper';
+export { DEFAULT_COLORS, DEFAULT_THEME, DEFAULT_TOOLBAR_ITEMS, DEFAULT_BASE_TEXT_STYLE, HEADING_FONT_SIZES, EMPTY_FORMAT_STYLE, } from './constants/defaultStyles';
+export type { FormatType, HeadingLevel, ListType, FormatStyle, StyledSegment, SelectionRange, RichTextState, RichTextActions, UseRichTextReturn, RichTextTheme, ToolbarItem, OverlayTextProps, ToolbarButtonProps, ToolbarProps, RichTextInputProps, } from './types';

package/src/index.ts

@@ -1,21 +1,21 @@
 // ─── Components ──────────────────────────────────────────────────────────────
-export { RichTextInput } from '@/components/RichTextInput';
-export { OverlayText } from '@/components/OverlayText';
-export { Toolbar } from '@/components/Toolbar';
-export { ToolbarButton } from '@/components/ToolbarButton';
+export { RichTextInput } from './components/RichTextInput';
+export { OverlayText } from './components/OverlayText';
+export { Toolbar } from './components/Toolbar';
+export { ToolbarButton } from './components/ToolbarButton';
 
 // ─── Hooks ───────────────────────────────────────────────────────────────────
-export { useRichText } from '@/hooks/useRichText';
-export type { UseRichTextOptions } from '@/hooks/useRichText';
-export { useSelection } from '@/hooks/useSelection';
-export { useFormatting } from '@/hooks/useFormatting';
+export { useRichText } from './hooks/useRichText';
+export type { UseRichTextOptions } from './hooks/useRichText';
+export { useSelection } from './hooks/useSelection';
+export { useFormatting } from './hooks/useFormatting';
 
 // ─── Context ─────────────────────────────────────────────────────────────────
 export {
   RichTextProvider,
   useRichTextContext,
-} from '@/context/RichTextContext';
-export type { RichTextProviderProps } from '@/context/RichTextContext';
+} from './context/RichTextContext';
+export type { RichTextProviderProps } from './context/RichTextContext';
 
 // ─── Utilities ───────────────────────────────────────────────────────────────
 export {
@@ -24,19 +24,19 @@ export {
   getTotalLength,
   mergeAdjacentSegments,
   reconcileTextChange,
-} from '@/utils/parser';
+} from './utils/parser';
 export {
   toggleFormatOnSelection,
   setStyleOnSelection,
   setHeadingOnLine,
   isFormatActiveInSelection,
   getSelectionStyle,
-} from '@/utils/formatter';
+} from './utils/formatter';
 export {
   formatStyleToTextStyle,
   segmentToTextStyle,
   segmentsToTextStyles,
-} from '@/utils/styleMapper';
+} from './utils/styleMapper';
 
 // ─── Constants ───────────────────────────────────────────────────────────────
 export {
@@ -46,7 +46,7 @@ export {
   DEFAULT_BASE_TEXT_STYLE,
   HEADING_FONT_SIZES,
   EMPTY_FORMAT_STYLE,
-} from '@/constants/defaultStyles';
+} from './constants/defaultStyles';
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 export type {
@@ -65,4 +65,4 @@ export type {
   ToolbarButtonProps,
   ToolbarProps,
   RichTextInputProps,
-} from '@/types';
+} from './types';

package/lib/commonjs/components/OverlayText.d.js

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

package/lib/commonjs/components/OverlayText.d.js.map

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

package/lib/commonjs/components/OverlayText.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverlayText = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _styleMapper = require("@/utils/styleMapper");
-var _defaultStyles = require("@/constants/defaultStyles");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * OverlayText renders the styled text segments as a `<Text>` component tree.
- *
- * This component is positioned behind the transparent TextInput to create
- * the overlay effect — the user types into the TextInput while seeing
- * the formatted rendering from this component.
- */
-const OverlayText = exports.OverlayText = /*#__PURE__*/_react.default.memo(({
-  segments,
-  baseTextStyle,
-  theme
-}) => {
-  const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
-  const overlayStyle = resolvedTheme.overlayContainerStyle ?? _defaultStyles.DEFAULT_THEME.overlayContainerStyle;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: overlayStyle,
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      children: segments.map((segment, index) => {
-        if (segment.text.length === 0 && segments.length > 1) {
-          return null;
-        }
-        const textStyle = (0, _styleMapper.segmentToTextStyle)(segment, resolvedTheme);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [baseTextStyle, textStyle],
-          children: segment.text
-        }, `${index}-${segment.text.slice(0, 8)}`);
-      })
-    })
-  });
-});
-OverlayText.displayName = 'OverlayText';
-//# sourceMappingURL=OverlayText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styleMapper","_defaultStyles","_jsxRuntime","e","__esModule","default","OverlayText","exports","React","memo","segments","baseTextStyle","theme","resolvedTheme","DEFAULT_THEME","overlayStyle","overlayContainerStyle","jsx","View","style","pointerEvents","children","Text","map","segment","index","text","length","textStyle","segmentToTextStyle","slice","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/OverlayText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA0D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,IAAI,CAC/D,CAAC;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAM,CAAC,KAAK;EACtC,MAAMC,aAAa,GAAGD,KAAK,IAAIE,4BAAa;EAC5C,MAAMC,YAAY,GAChBF,aAAa,CAACG,qBAAqB,IACnCF,4BAAa,CAACE,qBAAqB;EAErC,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEJ,YAAa;IAACK,aAAa,EAAC,MAAM;IAAAC,QAAA,eAC7C,IAAAnB,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAuB,IAAI;MAAAD,QAAA,EACFX,QAAQ,CAACa,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,KAAK;QAChC,IAAID,OAAO,CAACE,IAAI,CAACC,MAAM,KAAK,CAAC,IAAIjB,QAAQ,CAACiB,MAAM,GAAG,CAAC,EAAE;UACpD,OAAO,IAAI;QACb;QAEA,MAAMC,SAAS,GAAG,IAAAC,+BAAkB,EAACL,OAAO,EAAEX,aAAa,CAAC;QAE5D,oBACE,IAAAX,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAuB,IAAI;UAEHH,KAAK,EAAE,CAACR,aAAa,EAAEiB,SAAS,CAAE;UAAAP,QAAA,EAEjCG,OAAO,CAACE;QAAI,GAHR,GAAGD,KAAK,IAAID,OAAO,CAACE,IAAI,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAIrC,CAAC;MAEX,CAAC;IAAC,CACE;EAAC,CACH,CAAC;AAEX,CACF,CAAC;AAEDxB,WAAW,CAACyB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/commonjs/components/RichTextInput.d.js

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

package/lib/commonjs/components/RichTextInput.d.js.map

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

package/lib/commonjs/components/RichTextInput.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RichTextInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _defaultStyles = require("@/constants/defaultStyles");
-var _parser = require("@/utils/parser");
-var _useRichText = require("@/hooks/useRichText");
-var _OverlayText = require("@/components/OverlayText");
-var _Toolbar = require("@/components/Toolbar");
-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); }
-/**
- * RichTextInput — The main rich text editor component.
- *
- * Uses the Overlay Technique:
- * - A transparent `TextInput` on top captures user input and selection
- * - A styled `<Text>` layer behind it renders the formatted content
- * - Both share identical font metrics for pixel-perfect alignment
- *
- * @example
- * ```tsx
- * <RichTextInput
- *   placeholder="Start typing..."
- *   showToolbar
- *   onChangeSegments={(segments) => console.log(segments)}
- * />
- * ```
- */
-const RichTextInput = ({
-  initialSegments,
-  onChangeSegments,
-  onChangeText,
-  placeholder = 'Start typing...',
-  editable = true,
-  maxLength,
-  showToolbar = true,
-  toolbarPosition = 'top',
-  toolbarItems,
-  theme,
-  multiline = true,
-  minHeight = 120,
-  maxHeight,
-  autoFocus = false,
-  textInputProps,
-  renderToolbar,
-  onReady
-}) => {
-  const resolvedTheme = theme ?? _defaultStyles.DEFAULT_THEME;
-  const {
-    state,
-    actions
-  } = (0, _useRichText.useRichText)({
-    initialSegments,
-    onChangeSegments,
-    onChangeText
-  });
-
-  // Expose actions via onReady callback
-  (0, _react.useEffect)(() => {
-    onReady?.(actions);
-  }, [onReady, actions]);
-
-  // Build plain text for the TextInput value
-  const plainText = (0, _parser.segmentsToPlainText)(state.segments);
-
-  // Handle selection change from TextInput
-  const onSelectionChange = (0, _react.useCallback)(e => {
-    const {
-      start,
-      end
-    } = e.nativeEvent.selection;
-    actions.handleSelectionChange({
-      start,
-      end
-    });
-  }, [actions]);
-
-  // Container style
-  const containerStyle = [resolvedTheme.containerStyle ?? _defaultStyles.DEFAULT_THEME.containerStyle];
-
-  // Input area style
-  const inputAreaStyle = [styles.inputArea, {
-    minHeight
-  }, maxHeight ? {
-    maxHeight
-  } : undefined];
-
-  // Input style
-  const inputStyle = [styles.textInput, resolvedTheme.inputStyle ?? _defaultStyles.DEFAULT_THEME.inputStyle];
-
-  // Toolbar component
-  const toolbarComponent = showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Toolbar, {
-    actions: actions,
-    state: state,
-    items: toolbarItems,
-    theme: resolvedTheme,
-    renderToolbar: renderToolbar
-  }) : null;
-
-  // Toolbar border
-  const toolbarBorderStyle = toolbarPosition === 'top' ? {
-    borderBottomWidth: 1,
-    borderBottomColor: resolvedTheme.colors?.toolbarBorder ?? _defaultStyles.DEFAULT_THEME.colors?.toolbarBorder
-  } : {
-    borderTopWidth: 1,
-    borderTopColor: resolvedTheme.colors?.toolbarBorder ?? _defaultStyles.DEFAULT_THEME.colors?.toolbarBorder
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: containerStyle,
-    children: [toolbarPosition === 'top' && toolbarComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: toolbarBorderStyle,
-      children: toolbarComponent
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: inputAreaStyle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OverlayText.OverlayText, {
-        segments: state.segments,
-        baseTextStyle: resolvedTheme.baseTextStyle,
-        theme: resolvedTheme
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        ...textInputProps,
-        style: inputStyle,
-        value: plainText,
-        onChangeText: actions.handleTextChange,
-        onSelectionChange: onSelectionChange,
-        multiline: multiline,
-        placeholder: placeholder,
-        placeholderTextColor: resolvedTheme.colors?.placeholder ?? _defaultStyles.DEFAULT_THEME.colors?.placeholder,
-        editable: editable,
-        maxLength: maxLength,
-        autoFocus: autoFocus,
-        selectionColor: resolvedTheme.colors?.cursor ?? _defaultStyles.DEFAULT_THEME.colors?.cursor,
-        textAlignVertical: "top",
-        scrollEnabled: true
-      })]
-    }), toolbarPosition === 'bottom' && toolbarComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: toolbarBorderStyle,
-      children: toolbarComponent
-    })]
-  });
-};
-exports.RichTextInput = RichTextInput;
-RichTextInput.displayName = 'RichTextInput';
-const styles = _reactNative.StyleSheet.create({
-  inputArea: {
-    position: 'relative'
-  },
-  textInput: {
-    // The TextInput must be transparent so the overlay text shows through.
-    // Only the caret/cursor and selection highlight are visible.
-    color: 'transparent',
-    // Ensure it matches the overlay text positioning exactly.
-    position: 'relative',
-    zIndex: 1
-  }
-});
-//# sourceMappingURL=RichTextInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_defaultStyles","_parser","_useRichText","_OverlayText","_Toolbar","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichTextInput","initialSegments","onChangeSegments","onChangeText","placeholder","editable","maxLength","showToolbar","toolbarPosition","toolbarItems","theme","multiline","minHeight","maxHeight","autoFocus","textInputProps","renderToolbar","onReady","resolvedTheme","DEFAULT_THEME","state","actions","useRichText","useEffect","plainText","segmentsToPlainText","segments","onSelectionChange","useCallback","start","end","nativeEvent","selection","handleSelectionChange","containerStyle","inputAreaStyle","styles","inputArea","undefined","inputStyle","textInput","toolbarComponent","jsx","Toolbar","items","toolbarBorderStyle","borderBottomWidth","borderBottomColor","colors","toolbarBorder","borderTopWidth","borderTopColor","jsxs","View","style","children","OverlayText","baseTextStyle","TextInput","value","handleTextChange","placeholderTextColor","selectionColor","cursor","textAlignVertical","scrollEnabled","exports","displayName","StyleSheet","create","position","color","zIndex"],"sourceRoot":"..\\..\\..\\src","sources":["components/RichTextInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toolbar.d.js

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

package/lib/commonjs/components/Toolbar.d.js.map

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