@bacon-pos/ui 0.4.0 → 0.5.1

package/lib/module/components/Keypad/Keypad.stories.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { Keypad } from "./Keypad.js";
+import { CodeInput } from "../CodeInput/CodeInput.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/Keypad',
+  component: Keypad
+};
+export default meta;
+/** Login PIN: the keypad drives a dots display above it. */
+export const LoginCode = {
+  render: () => {
+    const [pin, setPin] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360,
+        alignItems: 'center',
+        gap: 24
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: pin,
+        onChangeText: setPin,
+        maxLength: 4,
+        header: /*#__PURE__*/_jsx(View, {
+          style: {
+            alignItems: 'center'
+          },
+          children: /*#__PURE__*/_jsx(CodeInput, {
+            value: pin,
+            onChangeText: setPin,
+            length: 4
+          })
+        })
+      })
+    });
+  }
+};
+
+/**
+ * Login PIN with reveal — the eye toggle swaps the dots for the entered digits,
+ * in the same positions (see CodeInput › RevealPositions).
+ */
+export const LoginCodeRevealable = {
+  render: () => {
+    const [pin, setPin] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360,
+        alignItems: 'center',
+        gap: 24
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: pin,
+        onChangeText: setPin,
+        maxLength: 4,
+        header: /*#__PURE__*/_jsx(View, {
+          style: {
+            alignItems: 'center'
+          },
+          children: /*#__PURE__*/_jsx(CodeInput, {
+            value: pin,
+            onChangeText: setPin,
+            length: 4,
+            revealable: true,
+            revealPosition: "right"
+          })
+        })
+      })
+    });
+  }
+};
+
+/** Amount entry: big number header + a "." extra key for decimals. */
+export const AmountEntry = {
+  render: () => {
+    const [amount, setAmount] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: amount,
+        onChangeText: setAmount,
+        extraKey: {
+          label: '.',
+          value: '.'
+        },
+        header: /*#__PURE__*/_jsx(View, {
+          style: {
+            alignItems: 'center',
+            paddingVertical: 8
+          },
+          children: /*#__PURE__*/_jsxs(Text, {
+            variant: "h1",
+            color: amount ? 'primary' : 'tertiary',
+            style: {
+              fontSize: 40
+            },
+            children: ["$", amount || '0.00']
+          })
+        })
+      })
+    });
+  }
+};
+
+/** Extra key as a custom action (e.g. open a modal / redirect). */
+export const ExtraKeyAction = {
+  render: () => {
+    const [value, setValue] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: value,
+        onChangeText: setValue,
+        extraKey: {
+          icon: 'user',
+          onPress: () => {}
+        }
+      })
+    });
+  }
+};
+
+/** Fixed width — the pad keeps `width` regardless of the container. */
+export const FixedWidth = {
+  render: () => {
+    const [value, setValue] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: value,
+        onChangeText: setValue,
+        width: 260
+      })
+    });
+  }
+};
+
+/** Full width — with no `width`, the pad fills its parent container (here 480px). */
+export const FullWidthContainer = {
+  render: () => {
+    const [value, setValue] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        width: 480
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: value,
+        onChangeText: setValue
+      })
+    });
+  }
+};
+
+/** Standalone: no header, no extra key (backspace only in the bottom row). */
+export const Bare = {
+  render: () => {
+    const [value, setValue] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: value,
+        onChangeText: setValue
+      })
+    });
+  }
+};
+
+/** Custom sizing: taller keys, wider gap, larger digits. */
+export const CustomSizing = {
+  render: () => {
+    const [value, setValue] = useState('');
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 24,
+        maxWidth: 360
+      },
+      children: /*#__PURE__*/_jsx(Keypad, {
+        value: value,
+        onChangeText: setValue,
+        keyHeight: 96,
+        gap: 12,
+        digitSize: 28
+      })
+    });
+  }
+};
+//# sourceMappingURL=Keypad.stories.js.map

package/lib/module/components/Keypad/Keypad.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Keypad","CodeInput","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","LoginCode","render","pin","setPin","style","padding","maxWidth","alignItems","gap","children","value","onChangeText","maxLength","header","length","LoginCodeRevealable","revealable","revealPosition","AmountEntry","amount","setAmount","extraKey","label","paddingVertical","variant","color","fontSize","ExtraKeyAction","setValue","icon","onPress","FixedWidth","width","FullWidthContainer","Bare","CustomSizing","keyHeight","digitSize"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Keypad/Keypad.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Keypad/Keypad.test.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import { useState } from 'react';
+import { Text } from 'react-native';
+import { render, fireEvent, screen } from '@testing-library/react-native';
+import { ThemeProvider } from "../../theme/index.js";
+import { Keypad } from "./Keypad.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function wrap(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+function Controlled(props) {
+  const [value, setValue] = useState('');
+  return /*#__PURE__*/_jsx(Keypad, {
+    ...props,
+    value: value,
+    onChangeText: setValue,
+    header: /*#__PURE__*/_jsx(Text, {
+      testID: "value",
+      children: value
+    })
+  });
+}
+describe('Keypad', () => {
+  it('renders digits 0–9 and a backspace, no extra key by default', () => {
+    wrap(/*#__PURE__*/_jsx(Keypad, {}));
+    for (let i = 0; i <= 9; i++) {
+      expect(screen.getByLabelText(String(i))).toBeTruthy();
+    }
+    expect(screen.getByLabelText('Backspace')).toBeTruthy();
+    expect(screen.queryByLabelText('action')).toBeNull();
+  });
+  it('appends the pressed digit to the value', () => {
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "12",
+      onChangeText: onChangeText
+    }));
+    fireEvent.press(screen.getByLabelText('3'));
+    expect(onChangeText).toHaveBeenCalledWith('123');
+  });
+  it('backspace removes the last character', () => {
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "123",
+      onChangeText: onChangeText
+    }));
+    fireEvent.press(screen.getByLabelText('Backspace'));
+    expect(onChangeText).toHaveBeenCalledWith('12');
+  });
+  it('respects maxLength', () => {
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "1234",
+      onChangeText: onChangeText,
+      maxLength: 4
+    }));
+    fireEvent.press(screen.getByLabelText('5'));
+    expect(onChangeText).not.toHaveBeenCalled();
+  });
+  it('fires onKeyPress with the raw key even at maxLength', () => {
+    const onKeyPress = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "1234",
+      onKeyPress: onKeyPress,
+      maxLength: 4
+    }));
+    fireEvent.press(screen.getByLabelText('5'));
+    expect(onKeyPress).toHaveBeenCalledWith('5');
+  });
+  it('extra key with a value appends it', () => {
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "1",
+      onChangeText: onChangeText,
+      extraKey: {
+        label: '.',
+        value: '.'
+      }
+    }));
+    fireEvent.press(screen.getByLabelText('.'));
+    expect(onChangeText).toHaveBeenCalledWith('1.');
+  });
+  it('extra key with onPress runs the action and does not change the value', () => {
+    const onPress = jest.fn();
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "1",
+      onChangeText: onChangeText,
+      extraKey: {
+        label: 'x',
+        value: '.',
+        onPress
+      }
+    }));
+    fireEvent.press(screen.getByLabelText('x'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+    expect(onChangeText).not.toHaveBeenCalled();
+  });
+  it('is controllable end-to-end', () => {
+    wrap(/*#__PURE__*/_jsx(Controlled, {}));
+    fireEvent.press(screen.getByLabelText('9'));
+    fireEvent.press(screen.getByLabelText('1'));
+    expect(screen.getByTestId('value').props.children).toBe('91');
+  });
+  it('does not fire callbacks when disabled', () => {
+    const onChangeText = jest.fn();
+    wrap(/*#__PURE__*/_jsx(Keypad, {
+      value: "",
+      onChangeText: onChangeText,
+      disabled: true
+    }));
+    fireEvent.press(screen.getByLabelText('1'));
+    expect(onChangeText).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=Keypad.test.js.map

package/lib/module/components/Keypad/Keypad.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Text","render","fireEvent","screen","ThemeProvider","Keypad","jsx","_jsx","wrap","ui","children","Controlled","props","value","setValue","onChangeText","header","testID","describe","it","i","expect","getByLabelText","String","toBeTruthy","queryByLabelText","toBeNull","jest","fn","press","toHaveBeenCalledWith","maxLength","not","toHaveBeenCalled","onKeyPress","extraKey","label","onPress","toHaveBeenCalledTimes","getByTestId","toBe","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Keypad/Keypad.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,SAAS,EAAEC,MAAM,QAAQ,+BAA+B;AACzE,SAASC,aAAa,QAAQ,sBAAa;AAC3C,SAASC,MAAM,QAA0B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,SAASC,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAOR,MAAM,cAACM,IAAA,CAACH,aAAa;IAAAM,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEA,SAASE,UAAUA,CAACC,KAAkD,EAAE;EACtE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGf,QAAQ,CAAC,EAAE,CAAC;EACtC,oBACEQ,IAAA,CAACF,MAAM;IAAA,GACDO,KAAK;IACTC,KAAK,EAAEA,KAAM;IACbE,YAAY,EAAED,QAAS;IACvBE,MAAM,eAAET,IAAA,CAACP,IAAI;MAACiB,MAAM,EAAC,OAAO;MAAAP,QAAA,EAAEG;IAAK,CAAO;EAAE,CAC7C,CAAC;AAEN;AAEAK,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,6DAA6D,EAAE,MAAM;IACtEX,IAAI,cAACD,IAAA,CAACF,MAAM,IAAE,CAAC,CAAC;IAChB,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC3BC,MAAM,CAAClB,MAAM,CAACmB,cAAc,CAACC,MAAM,CAACH,CAAC,CAAC,CAAC,CAAC,CAACI,UAAU,CAAC,CAAC;IACvD;IACAH,MAAM,CAAClB,MAAM,CAACmB,cAAc,CAAC,WAAW,CAAC,CAAC,CAACE,UAAU,CAAC,CAAC;IACvDH,MAAM,CAAClB,MAAM,CAACsB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACtD,CAAC,CAAC;EAEFP,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMJ,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,IAAI;MAACE,YAAY,EAAEA;IAAa,CAAE,CAAC,CAAC;IACvDb,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACN,YAAY,CAAC,CAACe,oBAAoB,CAAC,KAAK,CAAC;EAClD,CAAC,CAAC;EAEFX,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/C,MAAMJ,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,KAAK;MAACE,YAAY,EAAEA;IAAa,CAAE,CAAC,CAAC;IACxDb,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,WAAW,CAAC,CAAC;IACnDD,MAAM,CAACN,YAAY,CAAC,CAACe,oBAAoB,CAAC,IAAI,CAAC;EACjD,CAAC,CAAC;EAEFX,EAAE,CAAC,oBAAoB,EAAE,MAAM;IAC7B,MAAMJ,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,MAAM;MAACE,YAAY,EAAEA,YAAa;MAACgB,SAAS,EAAE;IAAE,CAAE,CAAC,CAAC;IACvE7B,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACN,YAAY,CAAC,CAACiB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFd,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC9D,MAAMe,UAAU,GAAGP,IAAI,CAACC,EAAE,CAAC,CAAC;IAC5BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,MAAM;MAACqB,UAAU,EAAEA,UAAW;MAACH,SAAS,EAAE;IAAE,CAAE,CAAC,CAAC;IACnE7B,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACa,UAAU,CAAC,CAACJ,oBAAoB,CAAC,GAAG,CAAC;EAC9C,CAAC,CAAC;EAEFX,EAAE,CAAC,mCAAmC,EAAE,MAAM;IAC5C,MAAMJ,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,GAAG;MAACE,YAAY,EAAEA,YAAa;MAACoB,QAAQ,EAAE;QAAEC,KAAK,EAAE,GAAG;QAAEvB,KAAK,EAAE;MAAI;IAAE,CAAE,CAAC,CAAC;IAC5FX,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACN,YAAY,CAAC,CAACe,oBAAoB,CAAC,IAAI,CAAC;EACjD,CAAC,CAAC;EAEFX,EAAE,CAAC,sEAAsE,EAAE,MAAM;IAC/E,MAAMkB,OAAO,GAAGV,IAAI,CAACC,EAAE,CAAC,CAAC;IACzB,MAAMb,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cACFD,IAAA,CAACF,MAAM;MACLQ,KAAK,EAAC,GAAG;MACTE,YAAY,EAAEA,YAAa;MAC3BoB,QAAQ,EAAE;QAAEC,KAAK,EAAE,GAAG;QAAEvB,KAAK,EAAE,GAAG;QAAEwB;MAAQ;IAAE,CAC/C,CACH,CAAC;IACDnC,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACgB,OAAO,CAAC,CAACC,qBAAqB,CAAC,CAAC,CAAC;IACxCjB,MAAM,CAACN,YAAY,CAAC,CAACiB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFd,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrCX,IAAI,cAACD,IAAA,CAACI,UAAU,IAAE,CAAC,CAAC;IACpBT,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CpB,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAAClB,MAAM,CAACoC,WAAW,CAAC,OAAO,CAAC,CAAC3B,KAAK,CAACF,QAAQ,CAAC,CAAC8B,IAAI,CAAC,IAAI,CAAC;EAC/D,CAAC,CAAC;EAEFrB,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAChD,MAAMJ,YAAY,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IAC9BpB,IAAI,cAACD,IAAA,CAACF,MAAM;MAACQ,KAAK,EAAC,EAAE;MAACE,YAAY,EAAEA,YAAa;MAAC0B,QAAQ;IAAA,CAAE,CAAC,CAAC;IAC9DvC,SAAS,CAAC2B,KAAK,CAAC1B,MAAM,CAACmB,cAAc,CAAC,GAAG,CAAC,CAAC;IAC3CD,MAAM,CAACN,YAAY,CAAC,CAACiB,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC7C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Keypad/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Keypad } from "./Keypad.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Keypad/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Keypad"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Keypad/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}

package/lib/module/components/index.js

@@ -12,6 +12,7 @@ export * from "./Dialog/index.js";
 export * from "./Icon/index.js";
 export * from "./IconButton/index.js";
 export * from "./Input/index.js";
+export * from "./Keypad/index.js";
 export * from "./LinkButton/index.js";
 export * from "./ProductCard/index.js";
 export * from "./QuantityStepper/index.js";

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,sBAAa;AAC3B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,4BAAmB;AACjC,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,kBAAS","ignoreList":[]}

package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts

@@ -11,12 +11,18 @@ export interface CodeFieldProps {
     mode?: CodeFieldMode;
     /** Called once every cell is filled. */
     onComplete?: (value: string) => void;
+    /** Helper text below the cells. Replaced by the error message when `error` is a string. */
+    helperText?: string;
+    /** Mark the field invalid. Pass a string to show it as the error message. */
+    error?: boolean | string;
     /** Disable input and dim the cells. */
     disabled?: boolean;
     /** Focus on mount. */
     autoFocus?: boolean;
-    /** Cell width in px (Figma default 126). */
+    /** Cell width in px (Figma default 126). Ignored when `fullWidth` is set. */
     cellWidth?: number;
+    /** Stretch the row to 100% of the container; cells share the width evenly. */
+    fullWidth?: boolean;
     /** Cell height in px (Figma default 58). */
     cellHeight?: number;
     /** Gap between cells in px (Figma default 24). */
@@ -36,5 +42,5 @@ export interface CodeFieldProps {
  * backspace-to-previous and type-to-next all work natively. The active cell
  * shows the lime focus ring. Cell size, gap, font and font size are configurable.
  */
-export declare function CodeField({ value, onChangeText, length, mode, onComplete, disabled, autoFocus, cellWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, fullWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CodeField.d.ts.map

package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CAmFhB"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,SAAiB,EACjB,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}

package/lib/typescript/commonjs/components/Keypad/Keypad.d.ts

@@ -0,0 +1,54 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+/** The optional key to the left of 0. Hidden unless provided. */
+export interface KeypadExtraKey {
+    /** Short label (e.g. "."). */
+    label?: string;
+    /** Or an icon. */
+    icon?: IconName;
+    /** If set, pressing appends this to the value (e.g. "." for decimals). */
+    value?: string;
+    /** Custom action (open a modal, navigate, …). Overrides `value`. */
+    onPress?: () => void;
+    /** Content color. */
+    color?: string;
+    /** Key background color. */
+    backgroundColor?: string;
+}
+export interface KeypadProps {
+    /** Controlled value being entered. Defaults to ''. */
+    value?: string;
+    /** Called with the next value on digit / backspace / extra-value press. */
+    onChangeText?: (value: string) => void;
+    /** Fired on every press with the raw key: '0'–'9', 'backspace', or 'extra'. */
+    onKeyPress?: (key: string) => void;
+    /** Max length of `value`. */
+    maxLength?: number;
+    /** Content shown above the keys (dots, amount, anything). Swappable per use case. */
+    header?: ReactNode;
+    /** The key left of 0. Hidden by default; provide to show and customize it. */
+    extraKey?: KeypadExtraKey;
+    /** Key height. Defaults to 83. */
+    keyHeight?: number;
+    /** Gap between keys. Defaults to 8. */
+    gap?: number;
+    /** Total width. Defaults to full width; the 3 columns split evenly. */
+    width?: number;
+    /** Digit font size. Defaults to 24. */
+    digitSize?: number;
+    /** Space between header and keys. Defaults to 24. */
+    headerGap?: number;
+    /** Disable all keys. */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Numeric keypad — a 3-column pad decoupled from what it drives (bind it to a
+ * PIN display, an amount, etc. via `value`/`onChangeText`, and put that display
+ * in `header`). Backspace is fixed to the right of 0; the key left of 0 is hidden
+ * unless you pass `extraKey` (custom symbol/icon, action and colors). Width,
+ * key height, gap and digit size are all configurable.
+ */
+export declare function Keypad({ value, onChangeText, onKeyPress, maxLength, header, extraKey, keyHeight, gap, width, digitSize, headerGap, disabled, style, }: KeypadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Keypad.d.ts.map

package/lib/typescript/commonjs/components/Keypad/Keypad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keypad.d.ts","sourceRoot":"","sources":["../../../../../src/components/Keypad/Keypad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAc,EACd,GAAO,EACP,KAAK,EACL,SAAc,EACd,SAAc,EACd,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,2CAgHb"}

package/lib/typescript/commonjs/components/Keypad/index.d.ts

@@ -0,0 +1,3 @@
+export { Keypad } from './Keypad';
+export type { KeypadProps, KeypadExtraKey } from './Keypad';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Keypad/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Keypad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/commonjs/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './Dialog';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
+export * from './Keypad';
 export * from './LinkButton';
 export * from './ProductCard';
 export * from './QuantityStepper';

package/lib/typescript/commonjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/module/components/CodeField/CodeField.d.ts

@@ -11,12 +11,18 @@ export interface CodeFieldProps {
     mode?: CodeFieldMode;
     /** Called once every cell is filled. */
     onComplete?: (value: string) => void;
+    /** Helper text below the cells. Replaced by the error message when `error` is a string. */
+    helperText?: string;
+    /** Mark the field invalid. Pass a string to show it as the error message. */
+    error?: boolean | string;
     /** Disable input and dim the cells. */
     disabled?: boolean;
     /** Focus on mount. */
     autoFocus?: boolean;
-    /** Cell width in px (Figma default 126). */
+    /** Cell width in px (Figma default 126). Ignored when `fullWidth` is set. */
     cellWidth?: number;
+    /** Stretch the row to 100% of the container; cells share the width evenly. */
+    fullWidth?: boolean;
     /** Cell height in px (Figma default 58). */
     cellHeight?: number;
     /** Gap between cells in px (Figma default 24). */
@@ -36,5 +42,5 @@ export interface CodeFieldProps {
  * backspace-to-previous and type-to-next all work natively. The active cell
  * shows the lime focus ring. Cell size, gap, font and font size are configurable.
  */
-export declare function CodeField({ value, onChangeText, length, mode, onComplete, disabled, autoFocus, cellWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeField({ value, onChangeText, length, mode, onComplete, helperText, error, disabled, autoFocus, cellWidth, fullWidth, cellHeight, gap, fontFamily, fontSize, accessibilityLabel, style, }: CodeFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CodeField.d.ts.map

package/lib/typescript/module/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CAmFhB"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAiBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AASjE,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,MAAU,EACV,IAAgB,EAChB,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAiB,EACjB,SAAe,EACf,SAAiB,EACjB,UAAe,EACf,GAAQ,EACR,UAAU,EACV,QAAa,EACb,kBAA2B,EAC3B,KAAK,GACN,EAAE,cAAc,2CA2GhB"}

package/lib/typescript/module/components/Keypad/Keypad.d.ts

@@ -0,0 +1,54 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+/** The optional key to the left of 0. Hidden unless provided. */
+export interface KeypadExtraKey {
+    /** Short label (e.g. "."). */
+    label?: string;
+    /** Or an icon. */
+    icon?: IconName;
+    /** If set, pressing appends this to the value (e.g. "." for decimals). */
+    value?: string;
+    /** Custom action (open a modal, navigate, …). Overrides `value`. */
+    onPress?: () => void;
+    /** Content color. */
+    color?: string;
+    /** Key background color. */
+    backgroundColor?: string;
+}
+export interface KeypadProps {
+    /** Controlled value being entered. Defaults to ''. */
+    value?: string;
+    /** Called with the next value on digit / backspace / extra-value press. */
+    onChangeText?: (value: string) => void;
+    /** Fired on every press with the raw key: '0'–'9', 'backspace', or 'extra'. */
+    onKeyPress?: (key: string) => void;
+    /** Max length of `value`. */
+    maxLength?: number;
+    /** Content shown above the keys (dots, amount, anything). Swappable per use case. */
+    header?: ReactNode;
+    /** The key left of 0. Hidden by default; provide to show and customize it. */
+    extraKey?: KeypadExtraKey;
+    /** Key height. Defaults to 83. */
+    keyHeight?: number;
+    /** Gap between keys. Defaults to 8. */
+    gap?: number;
+    /** Total width. Defaults to full width; the 3 columns split evenly. */
+    width?: number;
+    /** Digit font size. Defaults to 24. */
+    digitSize?: number;
+    /** Space between header and keys. Defaults to 24. */
+    headerGap?: number;
+    /** Disable all keys. */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Numeric keypad — a 3-column pad decoupled from what it drives (bind it to a
+ * PIN display, an amount, etc. via `value`/`onChangeText`, and put that display
+ * in `header`). Backspace is fixed to the right of 0; the key left of 0 is hidden
+ * unless you pass `extraKey` (custom symbol/icon, action and colors). Width,
+ * key height, gap and digit size are all configurable.
+ */
+export declare function Keypad({ value, onChangeText, onKeyPress, maxLength, header, extraKey, keyHeight, gap, width, digitSize, headerGap, disabled, style, }: KeypadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Keypad.d.ts.map

package/lib/typescript/module/components/Keypad/Keypad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keypad.d.ts","sourceRoot":"","sources":["../../../../../src/components/Keypad/Keypad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAQD;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAc,EACd,GAAO,EACP,KAAK,EACL,SAAc,EACd,SAAc,EACd,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,2CAgHb"}

package/lib/typescript/module/components/Keypad/index.d.ts

@@ -0,0 +1,3 @@
+export { Keypad } from './Keypad';
+export type { KeypadProps, KeypadExtraKey } from './Keypad';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Keypad/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Keypad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/module/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './Dialog';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
+export * from './Keypad';
 export * from './LinkButton';
 export * from './ProductCard';
 export * from './QuantityStepper';

package/lib/typescript/module/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacon-pos/ui",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Bacon POS design system — React Native component library",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",