@cdx-ui/components 0.0.1-alpha.23 → 0.0.1-alpha.25

package/README.md

@@ -32,3 +32,20 @@ export function Example() {
 ```
 
 Component stories live in [`apps/storybook`](../../apps/storybook/).
+
+## Testing
+
+Tests live in [`__tests__/`](./__tests__/). **Jest** loads the repo-root **`jest.config.js`**, which defines **dual** **`projects`** (**`rntl`** + **`axe`**). See **[docs/internal/testing.md](../../docs/internal/testing.md)**.
+
+```bash
+# From monorepo root
+pnpm nx run @cdx-ui/components:test
+# or
+pnpm test:all
+```
+
+Production types use `tsconfig.json`; tests use `tsconfig.test.json`.
+
+**Authoring:** See **[docs/internal/testing.md](../../docs/internal/testing.md)** (file naming, RNTL vs DOM suites, `fireEvent.press` vs `fireEvent.click`).
+
+**Ad-hoc Jest** (from `packages/components`): `pnpm exec jest --config ../../jest.config.js` — with dual **`projects`**, add **`--selectProjects axe`** or **`rntl`**.

package/lib/commonjs/components/Input/BaseInput.android.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+const BaseInput = exports.BaseInput = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+  ref: ref,
+  ...props,
+  style: [androidDefaults, props.style]
+}));
+BaseInput.displayName = 'BaseInput';
+//# sourceMappingURL=BaseInput.android.js.map

package/lib/commonjs/components/Input/BaseInput.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","androidDefaults","includeFontPadding","textAlignVertical","BaseInput","exports","forwardRef","props","ref","jsx","TextInput","style","displayName"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.android.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAE9D,MAAMG,eAAe,GAAG;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,iBAAiB,EAAE;AACrB,CAAC;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAA4B,CAACC,KAAK,EAAEC,GAAG,kBACxE,IAAAR,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,SAAS;EAACF,GAAG,EAAEA,GAAI;EAAA,GAAKD,KAAK;EAAEI,KAAK,EAAE,CAACV,eAAe,EAAEM,KAAK,CAACI,KAAK;AAAE,CAAE,CACzE,CAAC;AAEFP,SAAS,CAACQ,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/commonjs/components/Input/styles.js

@@ -21,7 +21,7 @@ const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthorit
     size: 'default'
   }
 });
-const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent', _primitives.COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
+const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', _primitives.COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
   variants: {
     size: {
       default: 'text-[1rem]',

package/lib/commonjs/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_SM","SHADOW_SM","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","variant","outline","size","default","SIZE_SCALE","height","px","gap","small","defaultVariants","inputFieldVariants","COLOR_TEXT_PRIMARY","inputSlotVariants","inputIconVariants","COLOR_TEXT_MUTED","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAaO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,sCAAsC,EACtCC,4BAAgB,EAChBC,gCAAoB,EACpBC,qBAAS,EACTC,qBAAS,EACTC,6BAAiB,EACjBC,4BAAgB,EAChBC,2BAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGC,sBAAU,CAACD,OAAO,CAACE,MAAM,IAAID,sBAAU,CAACD,OAAO,CAACG,EAAE,SAASF,sBAAU,CAACD,OAAO,CAACI,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGJ,sBAAU,CAACI,KAAK,CAACH,MAAM,IAAID,sBAAU,CAACI,KAAK,CAACF,EAAE,WAAWF,sBAAU,CAACI,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfT,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMQ,kBAAkB,GAAApB,OAAA,CAAAoB,kBAAA,GAAG,IAAAnB,2BAAG,EACnC,CACE,sCAAsC,EACtCoB,8BAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEZ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMU,iBAAiB,GAAAtB,OAAA,CAAAsB,iBAAA,GAAG,IAAArB,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMsB,iBAAiB,GAAAvB,OAAA,CAAAuB,iBAAA,GAAG,IAAAtB,2BAAG,EAAC,CAACuB,4BAAgB,CAAC,EAAE;EACvDf,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMa,6BAA6B,GAAAzB,OAAA,CAAAyB,6BAAA,GAAG,IAAAxB,2BAAG,EAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","RADIUS_SM","SHADOW_SM","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","variant","outline","size","default","SIZE_SCALE","height","px","gap","small","defaultVariants","inputFieldVariants","COLOR_TEXT_PRIMARY","inputSlotVariants","inputIconVariants","COLOR_TEXT_MUTED","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAaO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,sCAAsC,EACtCC,4BAAgB,EAChBC,gCAAoB,EACpBC,qBAAS,EACTC,qBAAS,EACTC,6BAAiB,EACjBC,4BAAgB,EAChBC,2BAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGC,sBAAU,CAACD,OAAO,CAACE,MAAM,IAAID,sBAAU,CAACD,OAAO,CAACG,EAAE,SAASF,sBAAU,CAACD,OAAO,CAACI,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGJ,sBAAU,CAACI,KAAK,CAACH,MAAM,IAAID,sBAAU,CAACI,KAAK,CAACF,EAAE,WAAWF,sBAAU,CAACI,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfT,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMQ,kBAAkB,GAAApB,OAAA,CAAAoB,kBAAA,GAAG,IAAAnB,2BAAG,EACnC,CACE,0CAA0C,EAC1CoB,8BAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEZ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMU,iBAAiB,GAAAtB,OAAA,CAAAsB,iBAAA,GAAG,IAAArB,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMsB,iBAAiB,GAAAvB,OAAA,CAAAuB,iBAAA,GAAG,IAAAtB,2BAAG,EAAC,CAACuB,4BAAgB,CAAC,EAAE;EACvDf,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBK,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMa,6BAA6B,GAAAzB,OAAA,CAAAyB,6BAAA,GAAG,IAAAxB,2BAAG,EAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input/BaseInput.android.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { TextInput } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+export const BaseInput = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(TextInput, {
+  ref: ref,
+  ...props,
+  style: [androidDefaults, props.style]
+}));
+BaseInput.displayName = 'BaseInput';
+//# sourceMappingURL=BaseInput.android.js.map

package/lib/module/components/Input/BaseInput.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","TextInput","jsx","_jsx","androidDefaults","includeFontPadding","textAlignVertical","BaseInput","props","ref","style","displayName"],"sourceRoot":"../../../../src","sources":["components/Input/BaseInput.android.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAA6B,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,MAAMC,eAAe,GAAG;EACtBC,kBAAkB,EAAE,KAAK;EACzBC,iBAAiB,EAAE;AACrB,CAAC;AAED,OAAO,MAAMC,SAAS,gBAAGP,UAAU,CAA4B,CAACQ,KAAK,EAAEC,GAAG,kBACxEN,IAAA,CAACF,SAAS;EAACQ,GAAG,EAAEA,GAAI;EAAA,GAAKD,KAAK;EAAEE,KAAK,EAAE,CAACN,eAAe,EAAEI,KAAK,CAACE,KAAK;AAAE,CAAE,CACzE,CAAC;AAEFH,SAAS,CAACI,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/components/Input/styles.js

@@ -17,7 +17,7 @@ export const inputRootVariants = cva(['w-full flex-row items-stretch border', CO
     size: 'default'
   }
 });
-export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent', COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
+export const inputFieldVariants = cva(['flex-1 justify-center bg-transparent p-0', COLOR_TEXT_PRIMARY, 'placeholder:text-slate-400', 'web:outline-none'], {
   variants: {
     size: {
       default: 'text-[1rem]',

package/lib/module/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_SM","SHADOW_SM","SIZE_SCALE","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","height","px","gap","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,iBAAiB,QACZ,yBAAyB;AAEhC,OAAO,MAAMC,iBAAiB,GAAGX,GAAG,CAClC,CACE,sCAAsC,EACtCC,gBAAgB,EAChBC,oBAAoB,EACpBK,SAAS,EACTC,SAAS,EACTE,iBAAiB,EACjBJ,gBAAgB,EAChBD,eAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGP,UAAU,CAACO,OAAO,CAACC,MAAM,IAAIR,UAAU,CAACO,OAAO,CAACE,EAAE,SAAST,UAAU,CAACO,OAAO,CAACG,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGX,UAAU,CAACW,KAAK,CAACH,MAAM,IAAIR,UAAU,CAACW,KAAK,CAACF,EAAE,WAAWT,UAAU,CAACW,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfR,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGtB,GAAG,CACnC,CACE,sCAAsC,EACtCI,kBAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEQ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMQ,iBAAiB,GAAGvB,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;AAEjF,OAAO,MAAMwB,iBAAiB,GAAGxB,GAAG,CAAC,CAACG,gBAAgB,CAAC,EAAE;EACvDS,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMU,6BAA6B,GAAGzB,GAAG,CAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","DISABLED_CURSOR","DISABLED_OPACITY","RADIUS_SM","SHADOW_SM","SIZE_SCALE","TRANSITION_COLORS","inputRootVariants","variants","variant","outline","size","default","height","px","gap","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,SAAS,EACTC,SAAS,EACTC,UAAU,EACVC,iBAAiB,QACZ,yBAAyB;AAEhC,OAAO,MAAMC,iBAAiB,GAAGX,GAAG,CAClC,CACE,sCAAsC,EACtCC,gBAAgB,EAChBC,oBAAoB,EACpBK,SAAS,EACTC,SAAS,EACTE,iBAAiB,EACjBJ,gBAAgB,EAChBD,eAAe,EACf,wEAAwE,EACxE,qCAAqC,EACrC,kCAAkC,EAClC,4DAA4D,EAC5D,oCAAoC,EACpC,oCAAoC,CACrC,EACD;EACEO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,6HAA6H,EAC7H,sJAAsJ;IAE1J,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAGP,UAAU,CAACO,OAAO,CAACC,MAAM,IAAIR,UAAU,CAACO,OAAO,CAACE,EAAE,SAAST,UAAU,CAACO,OAAO,CAACG,GAAG,EAAE;MAC/FC,KAAK,EAAE,GAAGX,UAAU,CAACW,KAAK,CAACH,MAAM,IAAIR,UAAU,CAACW,KAAK,CAACF,EAAE,WAAWT,UAAU,CAACW,KAAK,CAACD,GAAG;IACzF;EACF,CAAC;EACDE,eAAe,EAAE;IACfR,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGtB,GAAG,CACnC,CACE,0CAA0C,EAC1CI,kBAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,CACnB,EACD;EACEQ,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,aAAa;MACtBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAED,OAAO,MAAMQ,iBAAiB,GAAGvB,GAAG,CAAC,CAAC,yCAAyC,CAAC,CAAC;AAEjF,OAAO,MAAMwB,iBAAiB,GAAGxB,GAAG,CAAC,CAACG,gBAAgB,CAAC,EAAE;EACvDS,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBI,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMU,6BAA6B,GAAGzB,GAAG,CAAC,CAAC,kBAAkB,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/components/Input/BaseInput.android.d.ts

@@ -0,0 +1,3 @@
+import { TextInput, type TextInputProps } from 'react-native';
+export declare const BaseInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<TextInput>>;
+//# sourceMappingURL=BaseInput.android.d.ts.map

package/lib/typescript/components/Input/BaseInput.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.android.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/BaseInput.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9D,eAAO,MAAM,SAAS,sGAEpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-alpha.23",
+  "version": "0.0.1-alpha.25",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -65,9 +65,9 @@
     "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
     "uniwind": "1.4.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.23",
-    "@cdx-ui/utils": "0.0.1-alpha.23",
-    "@cdx-ui/icons": "0.0.1-alpha.23"
+    "@cdx-ui/primitives": "0.0.1-alpha.25",
+    "@cdx-ui/icons": "0.0.1-alpha.25",
+    "@cdx-ui/utils": "0.0.1-alpha.25"
   },
   "devDependencies": {
     "@types/react": "*",
@@ -93,6 +93,7 @@
   },
   "scripts": {
     "build": "bob build",
-    "lint": "eslint src/"
+    "lint": "eslint src/",
+    "test": "jest --config ../../jest.config.js"
   }
 }

package/src/components/Input/BaseInput.android.tsx

@@ -0,0 +1,13 @@
+import { forwardRef } from 'react';
+import { TextInput, type TextInputProps } from 'react-native';
+
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center' as const,
+};
+
+export const BaseInput = forwardRef<TextInput, TextInputProps>((props, ref) => (
+  <TextInput ref={ref} {...props} style={[androidDefaults, props.style]} />
+));
+
+BaseInput.displayName = 'BaseInput';

package/src/components/Input/styles.ts

@@ -51,7 +51,7 @@ export const inputRootVariants = cva(
 
 export const inputFieldVariants = cva(
   [
-    'flex-1 justify-center bg-transparent',
+    'flex-1 justify-center bg-transparent p-0',
     COLOR_TEXT_PRIMARY,
     'placeholder:text-slate-400',
     'web:outline-none',