geez-input 1.0.7 → 1.0.8

package/README.md

@@ -2,6 +2,12 @@
 
 A type-safe React library for Geez (Ethiopic) script input with phonetic keyboard support. Write Amharic, Tigrinya, and other Ethiopic languages using Latin characters that automatically transform to Geez script.
 
+## About Geez Script
+
+Geez script (ግዕዝ), also known as Ethiopic script, is an ancient writing system used for [Amharic](https://en.wikipedia.org/wiki/Amharic) and other Ethiopian Semitic languages. It's an alphasyllabary where each character represents a consonant-vowel combination. This library makes it easy to type Geez script using familiar Latin characters with phonetic mappings, supporting labialized forms (wa-series) and all standard syllable transformations.
+
+**📖 Learn more about Amharic and its writing system:** [Wikipedia - Amharic](https://en.wikipedia.org/wiki/Amharic)
+
 ## Features
 
 - **Fully Type-Safe**: Built with TypeScript for complete IntelliSense support and autocomplete
@@ -91,12 +97,8 @@ function MyForm() {
 A styled input component with built-in Geez phonetic keyboard support.
 
 **Props:**
-- All standard HTML input attributes (`type`, `placeholder`, `value`, `onChange`, `onFocus`, `onBlur`, `required`, `disabled`, `readOnly`, `maxLength`, `minLength`, `pattern`, `autoComplete`, `autoFocus`, `name`, `id`, `aria-*`, etc.)
-- `defaultGeez?: boolean` - Enable Geez mode by default (default: `true`)
-- `className?: string` - CSS classes for the input field
-- `wrapperClassName?: string` - CSS classes for the wrapper div
-- `inputClassName?: string` - Additional CSS classes for the input field
-- `buttonClassName?: string` - CSS classes for the toggle button
+- All standard HTML input attributes (`type`, `placeholder`, `value`, `onChange`, `onFocus`, `onBlur`, `required`, `disabled`, `readOnly`, `maxLength`, `minLength`, `pattern`, `autoComplete`, `autoFocus`, `name`, `id`, `aria-*`, `className`, etc.)
+- `mode?: "geez" | "latin"` - Input mode: "geez" for phonetic transformation, "latin" for standard input (default: `"geez"`)
 
 ```tsx
 import { GeezInput } from 'geez-input'
@@ -123,12 +125,8 @@ function MyForm() {
 A styled textarea component for longer text input.
 
 **Props:**
-- All standard HTML textarea attributes (`rows`, `cols`, `placeholder`, `value`, `onChange`, `onFocus`, `onBlur`, `required`, `disabled`, `readOnly`, `maxLength`, `minLength`, `wrap`, `spellCheck`, `name`, `id`, `aria-*`, etc.)
-- `defaultGeez?: boolean` - Enable Geez mode by default (default: `true`)
-- `className?: string` - CSS classes for the textarea field
-- `wrapperClassName?: string` - CSS classes for the wrapper div
-- `textareaClassName?: string` - Additional CSS classes for the textarea field
-- `buttonClassName?: string` - CSS classes for the toggle button
+- All standard HTML textarea attributes (`rows`, `cols`, `placeholder`, `value`, `onChange`, `onFocus`, `onBlur`, `required`, `disabled`, `readOnly`, `maxLength`, `minLength`, `wrap`, `spellCheck`, `name`, `id`, `aria-*`, `className`, etc.)
+- `mode?: "geez" | "latin"` - Input mode: "geez" for phonetic transformation, "latin" for standard input (default: `"geez"`)
 
 ```tsx
 import { GeezTextArea } from 'geez-input'
@@ -188,22 +186,14 @@ Type phonetically to get Geez text:
 #### GeezInput
 
 Props:
-- `defaultGeez?: boolean` - Enable Geez mode by default (default: `true`)
-- `className?: string` - Additional CSS classes for the input field
-- `wrapperClassName?: string` - Additional CSS classes for the wrapper
-- `inputClassName?: string` - Additional CSS classes for the input field
-- `buttonClassName?: string` - Additional CSS classes for the toggle button
-- `...InputHTMLAttributes` - All standard HTML input attributes with full TypeScript support
+- `mode?: "geez" | "latin"` - Input mode: "geez" for phonetic transformation, "latin" for standard input (default: `"geez"`)
+- `...InputHTMLAttributes` - All standard HTML input attributes (including `className`) with full TypeScript support
 
 #### GeezTextArea
 
 Props:
-- `defaultGeez?: boolean` - Enable Geez mode by default (default: `true`)
-- `className?: string` - Additional CSS classes for the textarea field
-- `wrapperClassName?: string` - Additional CSS classes for the wrapper
-- `textareaClassName?: string` - Additional CSS classes for the textarea field
-- `buttonClassName?: string` - Additional CSS classes for the toggle button
-- `...TextareaHTMLAttributes` - All standard HTML textarea attributes with full TypeScript support
+- `mode?: "geez" | "latin"` - Input mode: "geez" for phonetic transformation, "latin" for standard input (default: `"geez"`)
+- `...TextareaHTMLAttributes` - All standard HTML textarea attributes (including `className`) with full TypeScript support
 
 ### Type Exports
 
@@ -238,9 +228,19 @@ The library is written in TypeScript and provides comprehensive type definitions
 - React 18 or 19
 - TypeScript 5+ (optional)
 
+## Issues & Support
+
+We welcome your feedback and contributions! 
+
+- **Found a bug?** [Open an issue](https://github.com/tewodrosbirhanu/geez-input/issues)
+- **Have a feature request?** [Create an issue](https://github.com/tewodrosbirhanu/geez-input/issues) and let's discuss it
+- **Questions or suggestions?** Feel free to [start a discussion](https://github.com/tewodrosbirhanu/geez-input/issues)
+
+This repository is actively maintained and **open for issues**. We appreciate all contributions, bug reports, and feature requests from the community!
+
 ## Contributing
 
-Contributions are welcome! Please see [CONTRIBUTING.md](CONTRIBUTING.md) for details.
+Contributions are welcome! Whether you're fixing bugs, adding features, improving documentation, or adding test coverage, we'd love your help. Please see [CONTRIBUTING.md](CONTRIBUTING.md) for details on how to get started.
 
 ## License
 

package/dist/components/geez-input.d.ts

@@ -3,36 +3,21 @@ import { default as React } from 'react';
  * Props for the GeezInput component
  * Extends all standard HTML input attributes
  */
-export interface GeezInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
+export interface GeezInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /**
-     * Whether Geez input mode is enabled by default
-     * @default true
+     * Input mode: "geez" for phonetic transformation, "latin" for standard input
+     * @default "geez"
      */
-    defaultGeez?: boolean;
-    /**
-     * Additional CSS classes to apply to the input wrapper
-     */
-    wrapperClassName?: string;
-    /**
-     * Additional CSS classes to apply to the input field
-     * This is combined with the className prop for backward compatibility
-     */
-    inputClassName?: string;
-    /**
-     * Additional CSS classes to apply to the input field
-     * This is an alias for inputClassName for consistency with standard HTML inputs
-     */
-    className?: string;
+    mode?: "geez" | "latin";
 }
 /**
  * Input component with built-in Geez phonetic keyboard support
  *
  * Features:
- * - Press Cmd+Shift+S (or Ctrl+Shift+S) to toggle between Geez and English input modes
  * - Phonetic transformation (type 'hello' → 'ሀልሎ')
  * - Full support for controlled and uncontrolled component patterns
  * - Forward ref support for form libraries
- * - Supports any CSS framework via className props
+ * - Supports any CSS framework via standard className prop
  *
  * @example
  * \`\`\`tsx

package/dist/components/geez-textarea.d.ts

@@ -3,36 +3,21 @@ import { default as React } from 'react';
  * Props for the GeezTextArea component
  * Extends all standard HTML textarea attributes
  */
-export interface GeezTextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
+export interface GeezTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     /**
-     * Whether Geez input mode is enabled by default
-     * @default true
+     * Input mode: "geez" for phonetic transformation, "latin" for standard input
+     * @default "geez"
      */
-    defaultGeez?: boolean;
-    /**
-     * Additional CSS classes to apply to the textarea wrapper
-     */
-    wrapperClassName?: string;
-    /**
-     * Additional CSS classes to apply to the textarea field
-     * This is combined with the className prop for backward compatibility
-     */
-    textareaClassName?: string;
-    /**
-     * Additional CSS classes to apply to the textarea field
-     * This is an alias for textareaClassName for consistency with standard HTML textareas
-     */
-    className?: string;
+    mode?: "geez" | "latin";
 }
 /**
  * Textarea component with built-in Geez phonetic keyboard support
  *
  * Features:
- * - Press Cmd+Shift+S (or Ctrl+Shift+S) to toggle between Geez and English input modes
  * - Phonetic transformation for longer text
  * - Full support for controlled and uncontrolled component patterns
  * - Forward ref support for form libraries
- * - Supports any CSS framework via className props
+ * - Supports any CSS framework via standard className prop
  *
  * @example
  * \`\`\`tsx
@@ -57,8 +42,8 @@ export interface GeezTextAreaProps extends Omit<React.TextareaHTMLAttributes<HTM
  *
  * @example
  * \`\`\`tsx
- * // Start with English mode
- * <GeezTextArea defaultGeez={false} placeholder="Type here..." />
+ * // Start with Latin mode
+ * <GeezTextArea mode="latin" placeholder="Type here..." />
  * \`\`\`
  */
 export declare const GeezTextArea: React.ForwardRefExoticComponent<GeezTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/engine.d.ts

@@ -64,4 +64,22 @@ export declare class GeezEngine {
      * \`\`\`
      */
     private static findSadisBase;
+    /**
+     * Find the base consonant for a wa-series character
+     *
+     * This checks if a character is a "we" form (e.g., ኰ, ቈ, ጐ, ኈ)
+     * and returns its base consonant if it is.
+     *
+     * @param char - The character to check
+     * @returns The base consonant character, or null if not a we form
+     * @private
+     *
+     * @example
+     * \`\`\`ts
+     * GeezEngine.findCharBeforeWaSeries('ኰ') // returns 'ክ'
+     * GeezEngine.findCharBeforeWaSeries('ቈ') // returns 'ቅ'
+     * GeezEngine.findCharBeforeWaSeries('ላ') // returns null
+     * \`\`\`
+     */
+    private static findCharBeforeWaSeries;
 }

package/dist/main.js

@@ -1,6 +1,6 @@
-import { jsx as y } from "react/jsx-runtime";
-import { useCallback as z, forwardRef as v, useState as D } from "react";
-const p = {
+import { jsx as b } from "react/jsx-runtime";
+import { useCallback as v, forwardRef as S } from "react";
+const f = {
   h: "ህ",
   l: "ል",
   m: "ም",
@@ -40,7 +40,7 @@ const p = {
   A: "ኣ",
   E: "ኤ",
   O: "ዖ"
-}, b = {
+}, r = {
   አ: {
     e: "አ",
     u: "ኡ",
@@ -60,9 +60,11 @@ const p = {
     ee: "ሄ",
     o: "ሆ",
     ua: "ኋ",
-    wa: "ኈ",
+    wa: "ኋ",
     wi: "ኊ",
-    we: "ኌ",
+    we: "ኈ",
+    wee: "ኌ",
+    wu: "ኍ",
     wei: "ኍ"
   },
   ኃ: {
@@ -80,7 +82,8 @@ const p = {
     a: "ላ",
     ee: "ሌ",
     o: "ሎ",
-    wa: "ሏ"
+    wa: "ሏ",
+    ua: "ሏ"
   },
   ም: {
     e: "መ",
@@ -89,7 +92,8 @@ const p = {
     a: "ማ",
     ee: "ሜ",
     o: "ሞ",
-    ua: "ሟ"
+    ua: "ሟ",
+    wa: "ሟ"
   },
   ር: {
     e: "ረ",
@@ -98,7 +102,8 @@ const p = {
     a: "ራ",
     ee: "ሬ",
     o: "ሮ",
-    ua: "ሯ"
+    ua: "ሯ",
+    wa: "ሯ"
   },
   ስ: {
     e: "ሰ",
@@ -107,7 +112,8 @@ const p = {
     a: "ሳ",
     ee: "ሴ",
     o: "ሶ",
-    ua: "ሷ"
+    ua: "ሷ",
+    wa: "ሷ"
   },
   ሽ: {
     e: "ሸ",
@@ -116,7 +122,8 @@ const p = {
     a: "ሻ",
     ee: "ሼ",
     o: "ሾ",
-    ua: "ሿ"
+    ua: "ሿ",
+    wa: "ሿ"
   },
   ቅ: {
     e: "ቀ",
@@ -126,10 +133,12 @@ const p = {
     ee: "ቄ",
     o: "ቆ",
     ua: "ቋ",
-    wa: "ቈ",
+    wa: "ቋ",
     wi: "ቊ",
     waa: "ቋ",
-    we: "ቌ",
+    we: "ቈ",
+    wee: "ቌ",
+    wu: "ቍ",
     wei: "ቍ"
   },
   ብ: {
@@ -139,7 +148,8 @@ const p = {
     a: "ባ",
     ee: "ቤ",
     o: "ቦ",
-    ua: "ቧ"
+    ua: "ቧ",
+    wa: "ቧ"
   },
   ት: {
     e: "ተ",
@@ -148,7 +158,8 @@ const p = {
     a: "ታ",
     ee: "ቴ",
     o: "ቶ",
-    ua: "ቷ"
+    ua: "ቷ",
+    wa: "ቷ"
   },
   ች: {
     e: "ቸ",
@@ -157,7 +168,8 @@ const p = {
     a: "ቻ",
     ee: "ቼ",
     o: "ቾ",
-    ua: "ቿ"
+    ua: "ቿ",
+    wa: "ቿ"
   },
   ን: {
     e: "ነ",
@@ -166,7 +178,8 @@ const p = {
     a: "ና",
     ee: "ኔ",
     o: "ኖ",
-    ua: "ኗ"
+    ua: "ኗ",
+    wa: "ኗ"
   },
   ኝ: {
     e: "ኘ",
@@ -175,7 +188,8 @@ const p = {
     a: "ኛ",
     ee: "ኜ",
     o: "ኞ",
-    ua: "ኟ"
+    ua: "ኟ",
+    wa: "ኟ"
   },
   ክ: {
     e: "ከ",
@@ -185,10 +199,12 @@ const p = {
     ee: "ኬ",
     o: "ኮ",
     ua: "ኳ",
-    wa: "ኰ",
+    wa: "ኳ",
     wi: "ኲ",
     waa: "ኳ",
-    we: "ኴ",
+    we: "ኰ",
+    wee: "ኴ",
+    wu: "ኵ",
     wei: "ኵ"
   },
   ው: {
@@ -207,7 +223,8 @@ const p = {
     a: "ዛ",
     ee: "ዜ",
     o: "ዞ",
-    ua: "ዟ"
+    ua: "ዟ",
+    wa: "ዟ"
   },
   ዥ: {
     e: "ዠ",
@@ -216,7 +233,8 @@ const p = {
     a: "ዣ",
     ee: "ዤ",
     o: "ዦ",
-    ua: "ዧ"
+    ua: "ዧ",
+    wa: "ዧ"
   },
   ይ: {
     e: "የ",
@@ -233,7 +251,8 @@ const p = {
     a: "ጃ",
     ee: "ጄ",
     o: "ጆ",
-    ua: "ጇ"
+    ua: "ጇ",
+    wa: "ጇ"
   },
   ድ: {
     e: "ደ",
@@ -242,7 +261,8 @@ const p = {
     a: "ዳ",
     ee: "ዴ",
     o: "ዶ",
-    ua: "ዷ"
+    ua: "ዷ",
+    wa: "ዷ"
   },
   ግ: {
     e: "ገ",
@@ -252,10 +272,12 @@ const p = {
     ee: "ጌ",
     o: "ጎ",
     ua: "ጓ",
-    wa: "ጐ",
+    wa: "ጓ",
     wi: "ጒ",
     waa: "ጓ",
-    we: "ጔ",
+    we: "ጐ",
+    wee: "ጔ",
+    wu: "ጕ",
     wei: "ጕ"
   },
   ጥ: {
@@ -265,7 +287,8 @@ const p = {
     a: "ጣ",
     ee: "ጤ",
     o: "ጦ",
-    ua: "ጧ"
+    ua: "ጧ",
+    wa: "ጧ"
   },
   ጭ: {
     e: "ጨ",
@@ -274,7 +297,8 @@ const p = {
     a: "ጫ",
     ee: "ጬ",
     o: "ጮ",
-    ua: "ቿ"
+    ua: "ጯ",
+    wa: "ጯ"
   },
   ጵ: {
     e: "ጰ",
@@ -283,7 +307,8 @@ const p = {
     a: "ጳ",
     ee: "ጴ",
     o: "ጶ",
-    ua: "ፗ"
+    ua: "ጷ",
+    wa: "ጷ"
   },
   ጽ: {
     e: "ጸ",
@@ -292,7 +317,8 @@ const p = {
     a: "ጻ",
     ee: "ጼ",
     o: "ጾ",
-    ua: "ጿ"
+    ua: "ጿ",
+    wa: "ጿ"
   },
   ፍ: {
     e: "ፈ",
@@ -301,7 +327,8 @@ const p = {
     a: "ፋ",
     ee: "ፌ",
     o: "ፎ",
-    ua: "ፏ"
+    ua: "ፏ",
+    wa: "ፏ"
   },
   ፕ: {
     e: "ፐ",
@@ -310,7 +337,8 @@ const p = {
     a: "ፓ",
     ee: "ፔ",
     o: "ፖ",
-    ua: "ፗ"
+    ua: "ፗ",
+    wa: "ፗ"
   },
   ቭ: {
     e: "ቨ",
@@ -319,15 +347,16 @@ const p = {
     a: "ቫ",
     ee: "ቬ",
     o: "ቮ",
-    ua: "ቯ"
+    ua: "ቯ",
+    wa: "ቯ"
   }
-}, K = {
+}, g = {
   ስh: "ሽ",
   ችh: "ች",
   ንy: "ኝ",
   ዝh: "ዥ",
   ጽh: "ፁ"
-}, g = {
+}, h = {
   ":": "፡",
   "፡:": "።",
   "።:": "፡",
@@ -335,7 +364,7 @@ const p = {
   "፣,": "፤",
   ";": "፤"
 };
-class N {
+class E {
   /**
    * Transform input text based on a new key press
    *
@@ -367,72 +396,96 @@ class N {
    * // → { transformedValue: 'ሽ', newCursorPosition: 1, isReplacement: true }
    * \`\`\`
    */
-  static transform(e, i, t) {
-    const n = e.slice(-1), o = n + t;
-    if (g[o])
+  static transform(e, n, a) {
+    const i = e.slice(-1), l = i + a;
+    if (h[l])
       return {
-        transformedValue: e.slice(0, -1) + g[o] + i,
+        transformedValue: e.slice(0, -1) + h[l] + n,
         newCursorPosition: e.length,
         isReplacement: !0
       };
-    if (g[t])
+    if (h[a])
       return {
-        transformedValue: e + g[t] + i,
+        transformedValue: e + h[a] + n,
         newCursorPosition: e.length + 1,
         isReplacement: !1
       };
-    if (K[o])
+    if (g[l])
       return {
-        transformedValue: e.slice(0, -1) + K[o] + i,
+        transformedValue: e.slice(0, -1) + g[l] + n,
         newCursorPosition: e.length,
         isReplacement: !0
       };
-    if (p[o] && n.length === 1 && /^[a-zA-Z]$/.test(n) && /^[a-zA-Z]$/.test(t))
+    if (f[l] && i.length === 1 && /^[a-zA-Z]$/.test(i) && /^[a-zA-Z]$/.test(a))
       return {
-        transformedValue: e.slice(0, -1) + p[o] + i,
+        transformedValue: e.slice(0, -1) + f[l] + n,
         newCursorPosition: e.length,
         isReplacement: !0
       };
-    const s = b[n];
-    if (s && s[t])
+    if (i === "ው" && ["a", "i", "e", "u"].includes(a)) {
+      const t = e.slice(-2, -1), s = r[t];
+      if (s) {
+        const c = a === "a" ? "wa" : a === "i" ? "wi" : a === "e" ? "we" : a === "u" ? "wu" : null;
+        if (c && s[c])
+          return {
+            transformedValue: e.slice(0, -2) + s[c] + n,
+            newCursorPosition: e.length - 1,
+            isReplacement: !0
+          };
+      }
+    }
+    if (a === "e") {
+      const t = this.findCharBeforeWaSeries(i);
+      if (t) {
+        const s = r[t];
+        if (s && s.wee)
+          return {
+            transformedValue: e.slice(0, -1) + s.wee + n,
+            newCursorPosition: e.length,
+            isReplacement: !0
+          };
+      }
+    }
+    const o = r[i];
+    if (o && o[a])
       return {
-        transformedValue: e.slice(0, -1) + s[t] + i,
+        transformedValue: e.slice(0, -1) + o[a] + n,
         newCursorPosition: e.length,
         isReplacement: !0
       };
-    if (t === "e" && n) {
-      const u = this.findSadisBase(n);
-      if (u && u !== n) {
-        const l = b[u];
-        if (l && l.ee)
+    if (a === "e" && i) {
+      const t = this.findSadisBase(i);
+      if (t && t !== i) {
+        const s = r[t];
+        if (s && s.ee)
           return {
-            transformedValue: e.slice(0, -1) + l.ee + i,
+            transformedValue: e.slice(0, -1) + s.ee + n,
             newCursorPosition: e.length,
             isReplacement: !0
           };
       }
     }
-    if (["a", "i"].includes(t)) {
-      const u = this.findSadisBase(n);
-      if (u) {
-        const l = b[u];
-        if (l) {
-          const c = t + t, r = l[c];
-          if (r)
+    if (["a", "i"].includes(a)) {
+      const t = this.findSadisBase(i);
+      if (t) {
+        const s = r[t];
+        if (s) {
+          const c = a + a, u = s[c];
+          if (u)
             return {
-              transformedValue: e.slice(0, -1) + r + i,
+              transformedValue: e.slice(0, -1) + u + n,
               newCursorPosition: e.length,
               isReplacement: !0
             };
         }
       }
     }
-    return p[t] ? {
-      transformedValue: e + p[t] + i,
+    return f[a] ? {
+      transformedValue: e + f[a] + n,
       newCursorPosition: e.length + 1,
       isReplacement: !1
     } : {
-      transformedValue: e + t + i,
+      transformedValue: e + a + n,
       newCursorPosition: e.length + 1,
       isReplacement: !1
     };
@@ -455,15 +508,37 @@ class N {
    * \`\`\`
    */
   static findSadisBase(e) {
-    for (const [i, t] of Object.entries(b))
-      if (i === e || Object.values(t).includes(e)) return i;
+    for (const [n, a] of Object.entries(r))
+      if (n === e || Object.values(a).includes(e)) return n;
+    return null;
+  }
+  /**
+   * Find the base consonant for a wa-series character
+   *
+   * This checks if a character is a "we" form (e.g., ኰ, ቈ, ጐ, ኈ)
+   * and returns its base consonant if it is.
+   *
+   * @param char - The character to check
+   * @returns The base consonant character, or null if not a we form
+   * @private
+   *
+   * @example
+   * \`\`\`ts
+   * GeezEngine.findCharBeforeWaSeries('ኰ') // returns 'ክ'
+   * GeezEngine.findCharBeforeWaSeries('ቈ') // returns 'ቅ'
+   * GeezEngine.findCharBeforeWaSeries('ላ') // returns null
+   * \`\`\`
+   */
+  static findCharBeforeWaSeries(e) {
+    for (const [n, a] of Object.entries(r))
+      if (a.we === e) return n;
     return null;
   }
 }
-const E = (w = {}) => {
-  const { enabled: e = !0, onTransform: i } = w;
-  return { onKeyDown: z(
-    (n) => {
+const y = (w = {}) => {
+  const { enabled: e = !0, onTransform: n } = w;
+  return { onKeyDown: v(
+    (i) => {
       if (!e || [
         "Backspace",
         "Delete",
@@ -478,78 +553,70 @@ const E = (w = {}) => {
         "Escape",
         "PageUp",
         "PageDown"
-      ].includes(n.key) || n.ctrlKey || n.metaKey || n.key.length !== 1 || n.altKey) return;
-      n.preventDefault();
-      const s = n.currentTarget, { selectionStart: u, selectionEnd: l, value: c } = s, r = c.substring(0, u || 0), m = c.substring(l || 0), d = N.transform(r, m, n.key), h = Object.getOwnPropertyDescriptor(s.constructor.prototype, "value");
-      h && h.set ? h.set.bind(s)(d.transformedValue) : s.value = d.transformedValue;
-      let a;
-      typeof InputEvent < "u" ? a = new InputEvent("input", {
+      ].includes(i.key) || i.ctrlKey || i.metaKey || i.key.length !== 1 || i.altKey) return;
+      i.preventDefault();
+      const o = i.currentTarget, { selectionStart: t, selectionEnd: s, value: c } = o, u = c.substring(0, t || 0), K = c.substring(s || 0), d = E.transform(u, K, i.key), m = Object.getOwnPropertyDescriptor(o.constructor.prototype, "value");
+      m && m.set ? m.set.bind(o)(d.transformedValue) : o.value = d.transformedValue;
+      let p;
+      typeof InputEvent < "u" ? p = new InputEvent("input", {
         bubbles: !0,
         cancelable: !0,
         inputType: "insertText",
-        data: n.key
-      }) : a = new Event("input", { bubbles: !0, cancelable: !0 }), s.dispatchEvent(a);
-      const f = new Event("change", {
+        data: i.key
+      }) : p = new Event("input", { bubbles: !0, cancelable: !0 }), o.dispatchEvent(p);
+      const z = new Event("change", {
         bubbles: !0,
         cancelable: !0
       });
-      s.dispatchEvent(f), requestAnimationFrame(() => {
-        if (document.activeElement === s)
+      o.dispatchEvent(z), requestAnimationFrame(() => {
+        if (document.activeElement === o)
           try {
-            s.setSelectionRange(d.newCursorPosition, d.newCursorPosition);
+            o.setSelectionRange(d.newCursorPosition, d.newCursorPosition);
           } catch {
           }
-      }), i && i(d);
+      }), n && n(d);
     },
-    [e, i]
+    [e, n]
   ) };
-}, P = v(
-  ({ defaultGeez: w = !0, wrapperClassName: e, inputClassName: i, className: t, onChange: n, onKeyDown: o, value: s, ...u }, l) => {
-    const [c, r] = D(w), { onKeyDown: m } = E({ enabled: c });
-    return /* @__PURE__ */ y("div", { className: e, children: /* @__PURE__ */ y(
+}, P = S(
+  ({ mode: w = "geez", className: e, onChange: n, onKeyDown: a, value: i, ...l }, o) => {
+    const { onKeyDown: t } = y({ enabled: w === "geez" });
+    return /* @__PURE__ */ b(
       "input",
       {
-        ...u,
-        ...s !== void 0 && { value: s },
-        ref: l,
-        onKeyDown: (a) => {
-          if ((a.metaKey || a.ctrlKey) && a.shiftKey && a.key === "S") {
-            a.preventDefault(), r((f) => !f);
-            return;
-          }
-          m(a), o && o(a);
+        ...l,
+        ...i !== void 0 && { value: i },
+        ref: o,
+        onKeyDown: (u) => {
+          w === "geez" && t(u), a && a(u);
         },
-        onChange: (a) => {
-          n && n(a);
+        onChange: (u) => {
+          n && n(u);
         },
-        className: t || i
+        className: e
       }
-    ) });
+    );
   }
 );
 P.displayName = "GeezInput";
-const R = v(
-  ({ defaultGeez: w = !0, wrapperClassName: e, textareaClassName: i, className: t, onChange: n, onKeyDown: o, value: s, ...u }, l) => {
-    const [c, r] = D(w), { onKeyDown: m } = E({ enabled: c });
-    return /* @__PURE__ */ y("div", { className: e, children: /* @__PURE__ */ y(
+const R = S(
+  ({ mode: w = "geez", className: e, onChange: n, onKeyDown: a, value: i, ...l }, o) => {
+    const { onKeyDown: t } = y({ enabled: w === "geez" });
+    return /* @__PURE__ */ b(
       "textarea",
       {
-        ...u,
-        ...s !== void 0 && { value: s },
-        ref: l,
-        onKeyDown: (a) => {
-          if ((a.metaKey || a.ctrlKey) && a.shiftKey && a.key === "S") {
-            a.preventDefault(), r((f) => !f);
-            return;
-          }
-          m(a), o && o(a);
+        ...l,
+        ...i !== void 0 && { value: i },
+        ref: o,
+        onKeyDown: (u) => {
+          w === "geez" && t(u), a && a(u);
         },
-        onChange: (a) => {
-          n && n(a);
+        onChange: (u) => {
+          n && n(u);
         },
-        className: t || i
+        className: e
       }
-    ) });
+    );
   }
 );
 R.displayName = "GeezTextArea";

package/dist/test/romanizations.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geez-input",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Type-safe React library for Geez (Ethiopic) script input with phonetic keyboard support",
   "keywords": [
     "geez",