@react-native-ohos/react-native-keyboard-controller 1.17.0-beta.2 → 1.17.0

package/lib/commonjs/components/KeyboardToolbar/colors.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","colors","exports","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ColorValue } from \"react-native\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"link\"),\r\n      default: \"#2c2c2c\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray4\"),\r\n      default: \"#B0BEC5\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#F8F8F8\",\r\n      default: \"#f3f3f4\",\r\n    }),\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"label\"),\r\n      default: \"#fafafa\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray\"),\r\n      default: \"#707070\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#555756\",\r\n      default: \"#2C2C2E\",\r\n    }),\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKO,MAAMC,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,KAAK,EAAE;IACLC,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,MAAM,CAAC;MAC1BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,aAAa,CAAC;MACjCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJT,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,OAAO,CAAC;MAC3BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,YAAY,CAAC;MAChCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","colors","exports","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ColorValue } from \"react-native\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKO,MAAMC,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,KAAK,EAAE;IACLC,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,MAAM,CAAC;MAC1BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,aAAa,CAAC;MACjCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJT,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,OAAO,CAAC;MAC3BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,YAAY,CAAC;MAChCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/Background.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Background = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+var _default = exports.default = Background;
+//# sourceMappingURL=Background.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","Background","children","createElement","Fragment","_default","exports"],"sources":["Background.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nconst Background: React.FC<{ children: ReactNode }> = ({ children }) => (\n  <>{children}</>\n);\n\nexport default Background;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,UAA6C,GAAGA,CAAC;EAAEC;AAAS,CAAC,kBACjEP,MAAA,CAAAK,OAAA,CAAAG,aAAA,CAAAR,MAAA,CAAAK,OAAA,CAAAI,QAAA,QAAGF,QAAW,CACf;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEaC,UAAU","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/Content.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Content = ({
+  children
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.flex,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_CONTENT
+  }, children);
+};
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  }
+});
+var _default = exports.default = Content;
+//# sourceMappingURL=Content.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_constants","e","__esModule","default","Content","children","createElement","View","style","styles","flex","testID","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","StyleSheet","create","_default","exports"],"sources":["Content.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport { TEST_ID_KEYBOARD_TOOLBAR_CONTENT } from \"../../constants\";\n\nimport type { ReactNode } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nconst Content: React.FC<ViewProps & { children?: ReactNode }> = ({\n  children,\n}) => {\n  return (\n    <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n});\n\nexport default Content;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAAmE,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKnE,MAAMG,OAAuD,GAAGA,CAAC;EAC/DC;AACF,CAAC,KAAK;EACJ,oBACET,MAAA,CAAAO,OAAA,CAAAG,aAAA,CAACP,YAAA,CAAAQ,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAACC,MAAM,EAAEC;EAAiC,GAChEP,QACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJA,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEYC,OAAO","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/Done.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooks = require("../../../../hooks");
+var _module = require("../../../../module");
+var _Button = _interopRequireDefault(require("../../Button"));
+var _constants = require("../../constants");
+var _context = require("../context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Done = ({
+  children,
+  onPress,
+  rippleRadius = 28,
+  text,
+  button: ButtonContainer = _Button.default
+}) => {
+  const colorScheme = (0, _hooks.useKeyboardState)(state => state.appearance);
+  const {
+    theme
+  } = (0, _context.useToolbarContext)();
+  const doneStyle = (0, _react.useMemo)(() => [styles.doneButton, {
+    color: theme[colorScheme].primary
+  }], [colorScheme, theme]);
+  const onPressDone = (0, _react.useCallback)(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) _module.KeyboardController.dismiss();
+  }, [onPress]);
+  return /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityHint: "Closes the keyboard",
+    accessibilityLabel: "Done",
+    rippleRadius: rippleRadius,
+    style: styles.doneButtonContainer,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    theme: theme,
+    onPress: onPressDone
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    maxFontSizeMultiplier: 1.3,
+    style: doneStyle
+  }, children ?? text ?? "Done"));
+};
+const styles = _reactNative.StyleSheet.create({
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 16,
+    marginLeft: 8
+  }
+});
+var _default = exports.default = Done;
+//# sourceMappingURL=Done.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/Done.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_module","_Button","_interopRequireDefault","_constants","_context","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Done","children","onPress","rippleRadius","text","button","ButtonContainer","Button","colorScheme","useKeyboardState","state","appearance","theme","useToolbarContext","doneStyle","useMemo","styles","doneButton","color","primary","onPressDone","useCallback","event","isDefaultPrevented","KeyboardController","dismiss","createElement","accessibilityHint","accessibilityLabel","style","doneButtonContainer","testID","TEST_ID_KEYBOARD_TOOLBAR_DONE","Text","maxFontSizeMultiplier","StyleSheet","create","fontWeight","fontSize","marginRight","marginLeft","_default","exports"],"sources":["Done.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\n\nimport { useKeyboardState } from \"../../../../hooks\";\nimport { KeyboardController } from \"../../../../module\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_DONE } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { ReactNode } from \"react\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Done: React.FC<Omit<ButtonSubProps, \"icon\"> & { text?: ReactNode }> = ({\n  children,\n  onPress,\n  rippleRadius = 28,\n  text,\n  button: ButtonContainer = Button,\n}) => {\n  const colorScheme = useKeyboardState((state) => state.appearance);\n  const { theme } = useToolbarContext();\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const onPressDone = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.dismiss();\n    },\n    [onPress],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Closes the keyboard\"\n      accessibilityLabel=\"Done\"\n      rippleRadius={rippleRadius}\n      style={styles.doneButtonContainer}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n      theme={theme}\n      onPress={onPressDone}\n    >\n      <Text maxFontSizeMultiplier={1.3} style={doneStyle}>\n        {children ?? text ?? \"Done\"}\n      </Text>\n    </ButtonContainer>\n  );\n};\n\nconst styles = StyleSheet.create({\n  doneButton: { fontWeight: \"600\", fontSize: 15 },\n  doneButtonContainer: { marginRight: 16, marginLeft: 8 },\n});\n\nexport default Done;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/Next.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _module = require("../../../../module");
+var _Arrow = _interopRequireDefault(require("../../Arrow"));
+var _Button = _interopRequireDefault(require("../../Button"));
+var _constants = require("../../constants");
+var _context = require("../context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Next = ({
+  children,
+  onPress,
+  disabled,
+  rippleRadius,
+  style,
+  button: ButtonContainer = _Button.default,
+  icon: IconContainer = _Arrow.default
+}) => {
+  const {
+    theme,
+    isNextDisabled
+  } = (0, _context.useToolbarContext)();
+  const isDisabled = disabled ?? isNextDisabled;
+  const onPressNext = (0, _react.useCallback)(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) _module.KeyboardController.setFocusTo("next");
+  }, [onPress]);
+  return /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityHint: "Moves focus to the next field",
+    accessibilityLabel: "Next",
+    disabled: isDisabled,
+    rippleRadius: rippleRadius,
+    style: style,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    theme: theme,
+    onPress: onPressNext
+  }, children ?? /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isDisabled,
+    theme: theme,
+    type: "next"
+  }));
+};
+var _default = exports.default = Next;
+//# sourceMappingURL=Next.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/Next.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_module","_Arrow","_interopRequireDefault","_Button","_constants","_context","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Next","children","onPress","disabled","rippleRadius","style","button","ButtonContainer","Button","icon","IconContainer","Arrow","theme","isNextDisabled","useToolbarContext","isDisabled","onPressNext","useCallback","event","isDefaultPrevented","KeyboardController","setFocusTo","createElement","accessibilityHint","accessibilityLabel","testID","TEST_ID_KEYBOARD_TOOLBAR_NEXT","type","_default","exports"],"sources":["Next.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { KeyboardController } from \"../../../../module\";\nimport Arrow from \"../../Arrow\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_NEXT } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Next: React.FC<ButtonSubProps> = ({\n  children,\n  onPress,\n  disabled,\n  rippleRadius,\n  style,\n  button: ButtonContainer = Button,\n  icon: IconContainer = Arrow,\n}) => {\n  const { theme, isNextDisabled } = useToolbarContext();\n  const isDisabled = disabled ?? isNextDisabled;\n  const onPressNext = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.setFocusTo(\"next\");\n    },\n    [onPress],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Moves focus to the next field\"\n      accessibilityLabel=\"Next\"\n      disabled={isDisabled}\n      rippleRadius={rippleRadius}\n      style={style}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n      theme={theme}\n      onPress={onPressNext}\n    >\n      {children ?? (\n        <IconContainer disabled={isDisabled} theme={theme} type=\"next\" />\n      )}\n    </ButtonContainer>\n  );\n};\n\nexport default Next;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/Prev.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _module = require("../../../../module");
+var _Arrow = _interopRequireDefault(require("../../Arrow"));
+var _Button = _interopRequireDefault(require("../../Button"));
+var _constants = require("../../constants");
+var _context = require("../context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Prev = ({
+  children,
+  onPress,
+  disabled,
+  rippleRadius,
+  style,
+  button: ButtonContainer = _Button.default,
+  icon: IconContainer = _Arrow.default
+}) => {
+  const {
+    theme,
+    isPrevDisabled
+  } = (0, _context.useToolbarContext)();
+  const isDisabled = disabled ?? isPrevDisabled;
+  const onPressPrev = (0, _react.useCallback)(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) _module.KeyboardController.setFocusTo("prev");
+  }, [onPress]);
+  return /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityHint: "Moves focus to the previous field",
+    accessibilityLabel: "Previous",
+    disabled: isDisabled,
+    rippleRadius: rippleRadius,
+    style: style,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    theme: theme,
+    onPress: onPressPrev
+  }, children ?? /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isDisabled,
+    theme: theme,
+    type: "prev"
+  }));
+};
+var _default = exports.default = Prev;
+//# sourceMappingURL=Prev.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/Prev.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_module","_Arrow","_interopRequireDefault","_Button","_constants","_context","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Prev","children","onPress","disabled","rippleRadius","style","button","ButtonContainer","Button","icon","IconContainer","Arrow","theme","isPrevDisabled","useToolbarContext","isDisabled","onPressPrev","useCallback","event","isDefaultPrevented","KeyboardController","setFocusTo","createElement","accessibilityHint","accessibilityLabel","testID","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","type","_default","exports"],"sources":["Prev.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { KeyboardController } from \"../../../../module\";\nimport Arrow from \"../../Arrow\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Prev: React.FC<ButtonSubProps> = ({\n  children,\n  onPress,\n  disabled,\n  rippleRadius,\n  style,\n  button: ButtonContainer = Button,\n  icon: IconContainer = Arrow,\n}) => {\n  const { theme, isPrevDisabled } = useToolbarContext();\n  const isDisabled = disabled ?? isPrevDisabled;\n  const onPressPrev = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.setFocusTo(\"prev\");\n    },\n    [onPress],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Moves focus to the previous field\"\n      accessibilityLabel=\"Previous\"\n      disabled={isDisabled}\n      rippleRadius={rippleRadius}\n      style={style}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n      theme={theme}\n      onPress={onPressPrev}\n    >\n      {children ?? (\n        <IconContainer disabled={isDisabled} theme={theme} type=\"prev\" />\n      )}\n    </ButtonContainer>\n  );\n};\n\nexport default Prev;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Background", {
+  enumerable: true,
+  get: function () {
+    return _Background.default;
+  }
+});
+Object.defineProperty(exports, "Content", {
+  enumerable: true,
+  get: function () {
+    return _Content.default;
+  }
+});
+Object.defineProperty(exports, "Done", {
+  enumerable: true,
+  get: function () {
+    return _Done.default;
+  }
+});
+Object.defineProperty(exports, "Next", {
+  enumerable: true,
+  get: function () {
+    return _Next.default;
+  }
+});
+Object.defineProperty(exports, "Prev", {
+  enumerable: true,
+  get: function () {
+    return _Prev.default;
+  }
+});
+var _Background = _interopRequireDefault(require("./Background"));
+var _Content = _interopRequireDefault(require("./Content"));
+var _Done = _interopRequireDefault(require("./Done"));
+var _Next = _interopRequireDefault(require("./Next"));
+var _Prev = _interopRequireDefault(require("./Prev"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Background","_interopRequireDefault","require","_Content","_Done","_Next","_Prev","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["export { default as Background } from \"./Background\";\nexport { default as Content } from \"./Content\";\nexport { default as Done } from \"./Done\";\nexport { default as Next } from \"./Next\";\nexport { default as Prev } from \"./Prev\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/components/types.js

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

package/lib/commonjs/components/KeyboardToolbar/compound/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type Arrow from \"../../Arrow\";\nimport type Button from \"../../Button\";\nimport type { ReactNode } from \"react\";\nimport type { GestureResponderEvent, ViewStyle } from \"react-native\";\n\nexport type ButtonSubProps = {\n  children?: ReactNode;\n  onPress?: (event: GestureResponderEvent) => void;\n  disabled?: boolean;\n  testID?: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  button?: typeof Button;\n  icon?: typeof Arrow;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/compound/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolbarContext = exports.ToolbarContext = void 0;
+var _react = require("react");
+const ToolbarContext = exports.ToolbarContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const useToolbarContext = () => {
+  const context = (0, _react.useContext)(ToolbarContext);
+  if (!context) {
+    throw new Error("KeyboardToolbar.* component must be used inside <KeyboardToolbar>");
+  }
+  return context;
+};
+exports.useToolbarContext = useToolbarContext;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/components/KeyboardToolbar/compound/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","ToolbarContext","exports","createContext","undefined","useToolbarContext","context","useContext","Error"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport type { KeyboardToolbarTheme } from \"../types\";\n\ntype ToolbarContextType = {\n  theme: KeyboardToolbarTheme;\n  isPrevDisabled: boolean;\n  isNextDisabled: boolean;\n};\n\nexport const ToolbarContext = createContext<ToolbarContextType | undefined>(\n  undefined,\n);\n\nexport const useToolbarContext = () => {\n  const context = useContext(ToolbarContext);\n\n  if (!context) {\n    throw new Error(\n      \"KeyboardToolbar.* component must be used inside <KeyboardToolbar>\",\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,oBAAa,EACzCC,SACF,CAAC;AAEM,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACN,cAAc,CAAC;EAE1C,IAAI,CAACK,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,mEACF,CAAC;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC;AAACJ,OAAA,CAAAG,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/constants.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = exports.TEST_ID_KEYBOARD_TOOLBAR_NEXT = exports.TEST_ID_KEYBOARD_TOOLBAR_DONE = exports.TEST_ID_KEYBOARD_TOOLBAR_CONTENT = exports.TEST_ID_KEYBOARD_TOOLBAR = exports.OPENED_OFFSET = exports.KEYBOARD_TOOLBAR_HEIGHT = exports.KEYBOARD_HAS_ROUNDED_CORNERS = exports.DEFAULT_OPACITY = void 0;
+var _constants = require("../../constants");
+const TEST_ID_KEYBOARD_TOOLBAR = exports.TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
+const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = exports.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
+const TEST_ID_KEYBOARD_TOOLBAR_NEXT = exports.TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
+const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = exports.TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
+const TEST_ID_KEYBOARD_TOOLBAR_DONE = exports.TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
+const KEYBOARD_TOOLBAR_HEIGHT = exports.KEYBOARD_TOOLBAR_HEIGHT = 42;
+const DEFAULT_OPACITY = exports.DEFAULT_OPACITY = "FF";
+const KEYBOARD_HAS_ROUNDED_CORNERS = exports.KEYBOARD_HAS_ROUNDED_CORNERS = _constants.KEYBOARD_BORDER_RADIUS > 0;
+const OPENED_OFFSET = exports.OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/KeyboardToolbar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","TEST_ID_KEYBOARD_TOOLBAR","exports","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","KEYBOARD_BORDER_RADIUS","OPENED_OFFSET"],"sources":["constants.ts"],"sourcesContent":["import { KEYBOARD_BORDER_RADIUS } from \"../../constants\";\n\nimport type { HEX } from \"./types\";\n\nexport const TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nexport const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nexport const KEYBOARD_TOOLBAR_HEIGHT = 42;\nexport const DEFAULT_OPACITY: HEX = \"FF\";\nexport const KEYBOARD_HAS_ROUNDED_CORNERS = KEYBOARD_BORDER_RADIUS > 0;\nexport const OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,kBAAkB;AACnD,MAAME,iCAAiC,GAAAD,OAAA,CAAAC,iCAAA,GAAG,GAAGF,wBAAwB,WAAW;AAChF,MAAMG,6BAA6B,GAAAF,OAAA,CAAAE,6BAAA,GAAG,GAAGH,wBAAwB,OAAO;AACxE,MAAMI,gCAAgC,GAAAH,OAAA,CAAAG,gCAAA,GAAG,GAAGJ,wBAAwB,UAAU;AAC9E,MAAMK,6BAA6B,GAAAJ,OAAA,CAAAI,6BAAA,GAAG,GAAGL,wBAAwB,OAAO;AAExE,MAAMM,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,EAAE;AAClC,MAAMC,eAAoB,GAAAN,OAAA,CAAAM,eAAA,GAAG,IAAI;AACjC,MAAMC,4BAA4B,GAAAP,OAAA,CAAAO,4BAAA,GAAGC,iCAAsB,GAAG,CAAC;AAC/D,MAAMC,aAAa,GAAAT,OAAA,CAAAS,aAAA,GAAGF,4BAA4B,GAAG,CAAC,EAAE,GAAG,CAAC","ignoreList":[]}

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

@@ -13,33 +13,26 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _bindings = require("../../bindings");
+var _hooks = require("../../hooks");
 var _KeyboardStickyView = _interopRequireDefault(require("../KeyboardStickyView"));
-var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
 var _Arrow = _interopRequireDefault(require("./Arrow"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _colors = require("./colors");
+var _components = require("./compound/components");
+var _context = require("./compound/context");
+var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
-const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
-const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
-const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
-const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
-const KEYBOARD_TOOLBAR_HEIGHT = 42;
-const DEFAULT_OPACITY = "FF";
-const dismissKeyboard = () => _bindings.KeyboardControllerNative.dismiss(false);
-const goToNextField = () => _bindings.KeyboardControllerNative.setFocusTo("next");
-const goToPrevField = () => _bindings.KeyboardControllerNative.setFocusTo("prev");
-
-/**
- * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
- * `Done` buttons.
+/**
+ * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
+ * `Done` buttons.
  */
 const KeyboardToolbar = ({
+  children,
   content,
   theme = _colors.colors,
-  doneText,
+  doneText = "Done",
   button,
   icon,
   showArrows = true,
@@ -47,98 +40,109 @@ const KeyboardToolbar = ({
   onPrevCallback,
   onDoneCallback,
   blur = null,
-  opacity = DEFAULT_OPACITY,
+  opacity = _constants.DEFAULT_OPACITY,
   offset: {
     closed = 0,
     opened = 0
   } = {},
   enabled = true,
+  insets,
   ...rest
 }) => {
-  const colorScheme = (0, _useColorScheme.default)();
+  const colorScheme = (0, _hooks.useKeyboardState)(state => state.appearance);
   const [inputs, setInputs] = (0, _react.useState)({
     current: 0,
     count: 0
   });
   const isPrevDisabled = inputs.current === 0;
   const isNextDisabled = inputs.current === inputs.count - 1;
+  const buttonContainer = button ?? _Button.default;
+  const iconContainer = icon ?? _Arrow.default;
   (0, _react.useEffect)(() => {
     const subscription = _bindings.FocusedInputEvents.addListener("focusDidSet", e => {
       setInputs(e);
     });
     return subscription.remove;
   }, []);
-  const doneStyle = (0, _react.useMemo)(() => [styles.doneButton, {
-    color: theme[colorScheme].primary
-  }], [colorScheme, theme]);
   const toolbarStyle = (0, _react.useMemo)(() => [styles.toolbar, {
     backgroundColor: `${theme[colorScheme].background}${opacity}`
-  }], [colorScheme, opacity, theme]);
+  }, !_constants.KEYBOARD_HAS_ROUNDED_CORNERS ? {
+    paddingLeft: insets === null || insets === void 0 ? void 0 : insets.left,
+    paddingRight: insets === null || insets === void 0 ? void 0 : insets.right
+  } : null, _constants.KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null], [colorScheme, opacity, theme, insets]);
+  const containerStyle = (0, _react.useMemo)(() => [
+  // CRUCIAL: gives the native view real bounds
+  styles.sticky, _constants.KEYBOARD_HAS_ROUNDED_CORNERS ? {
+    left: ((insets === null || insets === void 0 ? void 0 : insets.left) ?? 0) + 16,
+    right: ((insets === null || insets === void 0 ? void 0 : insets.right) ?? 0) + 16
+  } : null], [insets]);
   const offset = (0, _react.useMemo)(() => ({
-    closed: closed + KEYBOARD_TOOLBAR_HEIGHT,
-    opened
+    closed: closed + _constants.KEYBOARD_TOOLBAR_HEIGHT,
+    opened: opened + _constants.OPENED_OFFSET
   }), [closed, opened]);
-  const ButtonContainer = button || _Button.default;
-  const IconContainer = icon || _Arrow.default;
-  const onPressNext = (0, _react.useCallback)(() => {
-    goToNextField();
-    onNextCallback === null || onNextCallback === void 0 || onNextCallback();
-  }, [onNextCallback]);
-  const onPressPrev = (0, _react.useCallback)(() => {
-    goToPrevField();
-    onPrevCallback === null || onPrevCallback === void 0 || onPrevCallback();
-  }, [onPrevCallback]);
-  const onPressDone = (0, _react.useCallback)(() => {
-    dismissKeyboard();
-    onDoneCallback === null || onDoneCallback === void 0 || onDoneCallback();
-  }, [onDoneCallback]);
-  return /*#__PURE__*/_react.default.createElement(_KeyboardStickyView.default, {
+  let backgroundElement = null;
+  let arrowsElement = null;
+  let contentContainer = null;
+  let doneElement = null;
+  if (children) {
+    let prevChild = null;
+    let nextChild = null;
+    let contentChild = null;
+    let doneChild = null;
+    let backgroundChild = null;
+    _react.default.Children.forEach(children, child => {
+      if (! /*#__PURE__*/_react.default.isValidElement(child)) return;
+      if (child.type === _components.Background) backgroundChild = child;else if (child.type === _components.Content) contentChild = child;else if (child.type === _components.Prev) prevChild = child;else if (child.type === _components.Next) nextChild = child;else if (child.type === _components.Done) doneChild = child;
+    });
+    backgroundElement = backgroundChild;
+    doneElement = doneChild;
+    arrowsElement = prevChild || nextChild ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.arrows
+    }, prevChild, nextChild) : null;
+    contentContainer = contentChild ?? /*#__PURE__*/_react.default.createElement(_components.Content, null, contentChild);
+  } else {
+    backgroundElement = blur;
+    arrowsElement = showArrows ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.arrows
+    }, /*#__PURE__*/_react.default.createElement(_components.Prev, {
+      button: buttonContainer,
+      icon: iconContainer,
+      onPress: onPrevCallback
+    }), /*#__PURE__*/_react.default.createElement(_components.Next, {
+      button: buttonContainer,
+      icon: iconContainer,
+      onPress: onNextCallback
+    })) : null;
+    contentContainer = /*#__PURE__*/_react.default.createElement(_components.Content, null, content);
+    doneElement = doneText ? /*#__PURE__*/_react.default.createElement(_components.Done, {
+      button: buttonContainer,
+      text: doneText,
+      onPress: onDoneCallback
+    }) : null;
+  }
+  const contextValue = (0, _react.useMemo)(() => ({
+    theme,
+    isPrevDisabled,
+    isNextDisabled
+  }), [theme, isPrevDisabled, isNextDisabled]);
+  return /*#__PURE__*/_react.default.createElement(_context.ToolbarContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(_KeyboardStickyView.default, {
     enabled: enabled,
-    offset: offset
+    offset: offset,
+    style: containerStyle
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
     style: toolbarStyle,
-    testID: TEST_ID_KEYBOARD_TOOLBAR
-  }), blur, showArrows && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonContainer, {
-    accessibilityLabel: "Previous",
-    accessibilityHint: "Will move focus to previous field",
-    disabled: isPrevDisabled,
-    onPress: onPressPrev,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
-    theme: theme
-  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
-    disabled: isPrevDisabled,
-    type: "prev",
-    theme: theme
-  })), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
-    accessibilityLabel: "Next",
-    accessibilityHint: "Will move focus to next field",
-    disabled: isNextDisabled,
-    onPress: onPressNext,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
-    theme: theme
-  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
-    disabled: isNextDisabled,
-    type: "next",
-    theme: theme
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.flex,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
-  }, content), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
-    accessibilityLabel: "Done",
-    accessibilityHint: "Will close the keyboard",
-    onPress: onPressDone,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
-    rippleRadius: 28,
-    style: styles.doneButtonContainer,
-    theme: theme
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: doneStyle,
-    maxFontSizeMultiplier: 1.3
-  }, doneText || "Done"))));
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR
+  }), backgroundElement, arrowsElement, contentContainer, doneElement)));
 };
 const styles = _reactNative.StyleSheet.create({
-  flex: {
-    flex: 1
+  sticky: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: _constants.KEYBOARD_TOOLBAR_HEIGHT
   },
   toolbar: {
     position: "absolute",
@@ -146,16 +150,23 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     width: "100%",
     flexDirection: "row",
-    height: KEYBOARD_TOOLBAR_HEIGHT,
-    paddingHorizontal: 8
+    height: _constants.KEYBOARD_TOOLBAR_HEIGHT
   },
-  doneButton: {
-    fontWeight: "600",
-    fontSize: 15
+  arrows: {
+    flexDirection: "row",
+    paddingLeft: 8
   },
-  doneButtonContainer: {
-    marginRight: 8
+  floating: {
+    alignSelf: "center",
+    borderRadius: 20,
+    overflow: "hidden"
   }
 });
+KeyboardToolbar.Background = _components.Background;
+KeyboardToolbar.Content = _components.Content;
+KeyboardToolbar.Prev = _components.Prev;
+KeyboardToolbar.Next = _components.Next;
+KeyboardToolbar.Done = _components.Done;
+KeyboardToolbar.Group = _bindings.RCTKeyboardToolbarGroupView;
 var _default = exports.default = KeyboardToolbar;
 //# sourceMappingURL=index.js.map