react-native-system-ui 1.0.2 → 1.0.4

package/dist/cjs/components/number-keyboard/NumberKeyboard.js

@@ -1,487 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _platform = require("../../platform");
-var _animation = require("../../hooks/animation");
-var _createPlatformShadow = require("../../utils/createPlatformShadow");
-var _number = require("../../utils/number");
-var _utils = require("../../utils");
-var _loading = _interopRequireDefault(require("../loading"));
-var _Portal = _interopRequireDefault(require("../portal/Portal"));
-var _useLocale = require("../config-provider/useLocale");
-var _safeAreaView = require("../safe-area-view");
-var _tokens = require("./tokens");
-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 registry = new Set();
-const NUM_KEYS = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
-const ZERO = '0';
-const RE_NUM_LIKE = /^\d+$|^\.$|^x$/i;
-const shuffle = list => {
-  const n = [...list];
-  for (let i = n.length - 1; i > 0; i--) {
-    const j = Math.floor(Math.random() * (i + 1));
-    [n[i], n[j]] = [n[j], n[i]];
-  }
-  ;
-  return n;
-};
-const NumberKeyboard = /*#__PURE__*/_react().default.memo(props => {
-  const {
-    visible,
-    title,
-    tokensOverride,
-    theme = 'default',
-    extraKey,
-    randomKeyOrder,
-    showDeleteKey = true,
-    closeButtonText,
-    deleteButtonText,
-    closeButtonLoading,
-    onChange,
-    onInput,
-    onDelete,
-    onClose,
-    onBlur,
-    onHide,
-    onShow,
-    value: _v,
-    defaultValue: _dv,
-    maxlength: maxlengthProp,
-    blurOnClose = true,
-    safeAreaInsetBottom = true,
-    transition = true,
-    transitionDuration = 300,
-    numberKeyRender,
-    deleteRender,
-    extraKeyRender,
-    style,
-    ...rest
-  } = props;
-  const locale = (0, _useLocale.useLocale)();
-  const reducedMotion = (0, _animation.useReducedMotion)();
-  const tokens = (0, _tokens.useNumberKeyboardTokens)(tokensOverride);
-  const {
-    colors,
-    radii,
-    shadow,
-    sizing,
-    spacing,
-    typography
-  } = tokens;
-  const [value, setValue] = (0, _hooks.useControllableValue)(props, {
-    defaultValue: '',
-    valuePropName: 'value',
-    defaultValuePropName: 'defaultValue',
-    trigger: 'onChange'
-  });
-  const curVal = value ?? '';
-  const maxLen = (() => {
-    const p = (0, _number.parseNumberLike)(maxlengthProp, undefined);
-    return p != null && Number.isFinite(p) && p >= 0 ? Math.floor(p) : undefined;
-  })();
-  const valRef = (0, _react().useRef)(curVal);
-  const maxRef = (0, _react().useRef)(maxLen);
-  const onCloseRef = (0, _react().useRef)(onClose);
-  const onBlurRef = (0, _react().useRef)(onBlur);
-  const onShowRef = (0, _react().useRef)(onShow);
-  const onHideRef = (0, _react().useRef)(onHide);
-  const onDelRef = (0, _react().useRef)(onDelete);
-  const onInpRef = (0, _react().useRef)(onInput);
-  valRef.current = curVal;
-  maxRef.current = maxLen;
-  onCloseRef.current = onClose;
-  onBlurRef.current = onBlur;
-  onShowRef.current = onShow;
-  onHideRef.current = onHide;
-  onDelRef.current = onDelete;
-  onInpRef.current = onInput;
-  const isCustom = theme === 'custom';
-  const defClose = locale?.vanNumberKeyboard?.close ?? 'Done';
-  const closeTxt = isCustom ? closeButtonText ?? defClose : closeButtonText;
-  const handleClose = (0, _react().useCallback)(() => {
-    onCloseRef.current?.();
-    if (blurOnClose) onBlurRef.current?.();
-  }, [blurOnClose]);
-  const prevVis = (0, _react().useRef)(visible);
-  (0, _react().useEffect)(() => {
-    if (visible && !prevVis.current) onShowRef.current?.();
-    if (!visible && prevVis.current) onHideRef.current?.();
-    prevVis.current = visible;
-  }, [visible]);
-  (0, _react().useEffect)(() => {
-    if (visible) {
-      registry.add(handleClose);
-      registry.forEach(fn => {
-        if (fn !== handleClose) fn();
-      });
-    } else registry.delete(handleClose);
-    return () => {
-      registry.delete(handleClose);
-    };
-  }, [visible, handleClose]);
-  const keys = (0, _react().useMemo)(() => {
-    const sh = randomKeyOrder && visible;
-    const nK = sh ? shuffle(NUM_KEYS) : NUM_KEYS;
-    const mat = nK.map(t => ({
-      text: t,
-      type: ''
-    }));
-    if (isCustom) {
-      const e = Array.isArray(extraKey) ? extraKey : extraKey ? [extraKey] : [];
-      if (e.length === 1) mat.push({
-        text: ZERO,
-        type: '',
-        wider: true
-      }, {
-        text: e[0],
-        type: 'extra'
-      });else if (e.length >= 2) mat.push({
-        text: e[0],
-        type: 'extra'
-      }, {
-        text: ZERO,
-        type: ''
-      }, {
-        text: e[1],
-        type: 'extra'
-      });else mat.push({
-        text: ZERO,
-        type: ''
-      });
-      return mat;
-    }
-    const nE = Array.isArray(extraKey) ? extraKey[0] ?? '' : extraKey ?? '';
-    mat.push({
-      text: nE,
-      type: 'extra'
-    }, {
-      text: ZERO,
-      type: ''
-    }, {
-      type: showDeleteKey ? 'delete' : '',
-      text: showDeleteKey ? undefined : ''
-    });
-    return mat;
-  }, [extraKey, isCustom, randomKeyOrder, showDeleteKey, visible]);
-  const handleInput = (0, _react().useCallback)((text, type) => {
-    if (type === 'delete') {
-      const c = valRef.current;
-      if (!c) return;
-      onDelRef.current?.();
-      setValue(c.slice(0, -1));
-      return;
-    }
-    if (type === 'close' || type === 'extra' && !text) {
-      handleClose();
-      return;
-    }
-    ;
-    if (!text) return;
-    const c = valRef.current;
-    const m = maxRef.current;
-    if (m !== undefined && c.length >= m) return;
-    onInpRef.current?.(text);
-    setValue(`${c}${text}`);
-  }, [handleClose, setValue]);
-  const winShadow = (0, _react().useMemo)(() => (0, _createPlatformShadow.createPlatformShadow)(shadow), [shadow.color, shadow.elevation, shadow.offsetY, shadow.opacity, shadow.radius]);
-  const renderKey = (0, _react().useCallback)((key, index, isClose = false, fullW = false, customH) => {
-    const kt = key.type;
-    const isPh = kt === '' && !key.text;
-    const dis = isPh || isClose && closeButtonLoading;
-    const onP = dis ? undefined : () => handleInput(key.text, kt);
-    const bg = isClose ? colors.closeBackground : colors.keyBackground;
-    const aBg = isClose ? colors.closeActiveBackground : colors.keyActiveBackground;
-    const tInact = isClose ? colors.closeText : colors.keyText;
-    const tPress = isClose ? colors.closeText : colors.keyTextActive;
-    const kH = customH ?? (isClose ? sizing.closeHeight : sizing.keyHeight);
-    const auxFs = sizing.auxFontSize ?? Math.round(sizing.fontSize * 0.64);
-    const defIconFs = sizing.defaultIconFontSize ?? sizing.fontSize;
-    const kTxt = key.text ?? '';
-    const cnt = kt === 'delete' ? deleteRender?.() ?? deleteButtonText ?? '⌫' : kt === 'extra' ? extraKeyRender ? extraKeyRender(kTxt) : kTxt || '⌨︎' : kt === 'close' ? closeTxt ?? defClose : numberKeyRender ? numberKeyRender(kTxt) : kTxt;
-    const isDefIcon = kt === 'delete' && deleteRender == null && deleteButtonText == null || kt === 'extra' && !extraKeyRender && !kTxt;
-    const isNumLike = kt === 'extra' && typeof cnt === 'string' && RE_NUM_LIKE.test(cnt);
-    const tFs = kt === '' ? sizing.fontSize : isDefIcon ? defIconFs : isNumLike ? sizing.fontSize : auxFs;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-      key: `${kt}-${index}-${key.text ?? index}`,
-      onPress: onP,
-      disabled: dis,
-      style: [{
-        opacity: isPh ? 1 : dis ? 0.6 : 1
-      }, fullW ? {
-        width: '100%',
-        flexBasis: 'auto',
-        flexGrow: 0,
-        alignSelf: 'stretch'
-      } : {
-        flexBasis: 0,
-        flexGrow: key.wider ? 2 : 1,
-        flexShrink: 1,
-        minWidth: 0
-      }],
-      accessible: !isPh,
-      accessibilityRole: isPh ? undefined : 'button',
-      accessibilityLabel: isPh ? undefined : kt === 'delete' ? 'delete' : kt === 'close' ? closeTxt ?? 'close' : kt === 'extra' ? kTxt || 'collapse' : kTxt,
-      accessibilityState: isPh ? undefined : {
-        disabled: !!dis
-      },
-      accessibilityElementsHidden: isPh,
-      importantForAccessibility: isPh ? 'no-hide-descendants' : undefined
-    }, ({
-      pressed
-    }) => {
-      const isP = pressed && !dis;
-      const kBg = dis ? colors.keyBackground : isP ? aBg : bg;
-      const tClr = isP ? tPress : tInact;
-      return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: [S.k, {
-          height: kH,
-          backgroundColor: kBg,
-          borderRadius: radii.key
-        }]
-      }, isClose && closeButtonLoading ? /*#__PURE__*/_react().default.createElement(_loading.default, {
-        size: 18,
-        color: tClr
-      }) : (0, _utils.isRenderable)(cnt) ? (0, _utils.renderTextOrNode)(cnt, [S.kTxt, {
-        color: tClr,
-        fontFamily: typography.fontFamily,
-        fontSize: tFs
-      }]) : null);
-    });
-  }, [closeButtonLoading, colors.closeActiveBackground, colors.closeBackground, colors.closeText, colors.keyActiveBackground, colors.keyBackground, colors.keyText, colors.keyTextActive, defClose, deleteButtonText, deleteRender, extraKeyRender, handleInput, numberKeyRender, radii.key, sizing.auxFontSize, sizing.closeHeight, sizing.defaultIconFontSize, sizing.fontSize, sizing.keyHeight, typography.fontFamily, closeTxt]);
-  const animVal = (0, _react().useRef)(new (_reactNative().Animated.Value)(visible ? 1 : 0)).current;
-  const animRef = (0, _react().useRef)(null);
-  const seqRef = (0, _react().useRef)(0);
-  const [contentH, setContentH] = (0, _react().useState)(0);
-  const [shouldRender, setShouldRender] = (0, _react().useState)(visible);
-  const effD = reducedMotion ? 0 : transition === false ? 0 : transitionDuration;
-  (0, _react().useEffect)(() => {
-    seqRef.current += 1;
-    const seq = seqRef.current;
-    if (visible) setShouldRender(true);
-    animRef.current?.stop();
-    const a = _reactNative().Animated.timing(animVal, {
-      toValue: visible ? 1 : 0,
-      duration: effD,
-      useNativeDriver: _platform.nativeDriverEnabled,
-      easing: visible ? _reactNative().Easing.out(_reactNative().Easing.cubic) : _reactNative().Easing.in(_reactNative().Easing.cubic),
-      isInteraction: false
-    });
-    animRef.current = a;
-    a.start(({
-      finished
-    }) => {
-      if (finished && !visible && seqRef.current === seq) setShouldRender(false);
-    });
-    return () => {
-      animRef.current?.stop();
-      animRef.current = null;
-    };
-  }, [animVal, visible, effD]);
-  const translateY = animVal.interpolate({
-    inputRange: [0, 1],
-    outputRange: [contentH || 320, 0]
-  });
-  const onLayout = (0, _react().useCallback)(e => {
-    const {
-      height
-    } = e.nativeEvent.layout;
-    setContentH(prev => Math.abs(height - prev) > 0.5 ? height : prev);
-  }, []);
-  const hasHdr = !isCustom && (title || closeButtonText);
-  const dblH = sizing.keyHeight * 2 + spacing.keyGap;
-  const memoized = (0, _react().useMemo)(() => {
-    const kg = spacing.keyGap;
-    const ph = spacing.paddingHorizontal;
-    const tp = spacing.titlePadding;
-    const hP = {
-      paddingHorizontal: tp
-    };
-    const dC = [S.dRow, {
-      flexDirection: 'column',
-      flexWrap: 'nowrap',
-      paddingHorizontal: ph,
-      paddingTop: kg,
-      paddingBottom: kg,
-      gap: kg
-    }];
-    const dL = {
-      flexDirection: 'row',
-      gap: kg
-    };
-    const cR = [S.cRow, {
-      paddingHorizontal: ph,
-      paddingTop: hasHdr ? 0 : kg,
-      paddingBottom: kg,
-      width: '100%'
-    }];
-    const cM = [S.cMat, {
-      flexDirection: 'column',
-      flexWrap: 'nowrap',
-      gap: kg
-    }];
-    const cS = [S.cSide, {
-      gap: kg,
-      marginLeft: kg
-    }];
-    const ents = keys.map((k, i) => ({
-      key: k,
-      index: i
-    }));
-    const dLns = [];
-    for (let i = 0; i < ents.length; i += 3) dLns.push(ents.slice(i, i + 3));
-    const dN = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: dC
-    }, dLns.map((line, li) => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: `l-${li}`,
-      style: dL
-    }, line.map(it => renderKey(it.key, it.index)))));
-    const cLns = [];
-    for (let i = 0; i < 9 && i < ents.length; i += 3) cLns.push(ents.slice(i, i + 3));
-    const tl = ents.slice(9);
-    if (tl.length === 1) cLns.push([{
-      key: {
-        type: ''
-      },
-      index: 1000001
-    }, tl[0], {
-      key: {
-        type: ''
-      },
-      index: 1000002
-    }]);else if (tl.length) cLns.push(tl);
-    const cMN = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: cM
-    }, cLns.map((line, li) => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: `cl-${li}`,
-      style: dL
-    }, line.map(it => renderKey(it.key, it.index)))));
-    const delN = showDeleteKey && renderKey({
-      type: 'delete'
-    }, 999, false, true, dblH);
-    const closeN = renderKey({
-      type: 'close'
-    }, 1000, true, true, dblH);
-    const tS = {
-      color: colors.title,
-      fontFamily: typography.fontFamily,
-      fontSize: sizing.titleFontSize
-    };
-    const closeStyle = {
-      color: colors.title,
-      fontFamily: typography.fontFamily,
-      fontSize: sizing.auxFontSize ?? Math.round(sizing.fontSize * 0.64)
-    };
-    const hN = hasHdr ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.hdr, hP]
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: [S.tBold, S.tCenter, tS],
-      numberOfLines: 1
-    }, title), closeTxt && /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-      onPress: handleClose,
-      style: S.hdrClose,
-      accessibilityRole: "button",
-      accessibilityLabel: closeTxt
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: closeStyle
-    }, closeTxt))) : null;
-    const bN = isCustom ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: cR
-    }, cMN, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: cS
-    }, delN, closeN)) : dN;
-    return {
-      headerNode: hN,
-      bodyNode: bN,
-      safeAreaNode: safeAreaInsetBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
-        edge: "bottom"
-      })
-    };
-  }, [handleClose, colors.title, dblH, hasHdr, isCustom, keys, renderKey, closeTxt, safeAreaInsetBottom, sizing.auxFontSize, sizing.fontSize, sizing.titleFontSize, spacing.keyGap, spacing.paddingHorizontal, spacing.titlePadding, typography.fontFamily, title, showDeleteKey]);
-  if (!shouldRender && !visible) return null;
-  return /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, _extends({}, rest, {
-    pointerEvents: visible ? 'auto' : 'none',
-    renderToHardwareTextureAndroid: true,
-    shouldRasterizeIOS: true,
-    onLayout: onLayout,
-    style: [S.wrap, winShadow, style, {
-      transform: [{
-        translateY
-      }],
-      backgroundColor: colors.background
-    }]
-  }), memoized.headerNode, memoized.bodyNode, memoized.safeAreaNode));
-});
-const S = _reactNative().StyleSheet.create({
-  wrap: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  hdr: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    height: 44,
-    position: 'relative'
-  },
-  tBold: {
-    fontWeight: '600'
-  },
-  tCenter: {
-    position: 'absolute',
-    left: 12,
-    right: 12,
-    textAlign: 'center'
-  },
-  hdrClose: {
-    minWidth: 56,
-    alignItems: 'flex-end'
-  },
-  k: {
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  kTxt: {
-    includeFontPadding: false,
-    textAlign: 'center'
-  },
-  dRow: {
-    flexDirection: 'row',
-    flexWrap: 'wrap'
-  },
-  cRow: {
-    flexDirection: 'row'
-  },
-  cMat: {
-    flex: 3,
-    flexDirection: 'row',
-    flexWrap: 'wrap'
-  },
-  cSide: {
-    flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'flex-start'
-  }
-});
-var _default = exports.default = NumberKeyboard;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_createPlatformShadow=require("../../utils/createPlatformShadow"),_number=require("../../utils/number"),_utils=require("../../utils"),_loading=_interopRequireDefault(require("../loading")),_Portal=_interopRequireDefault(require("../portal/Portal")),_useLocale=require("../config-provider/useLocale"),_safeAreaView=require("../safe-area-view"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(i,t,o):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const registry=new Set,NUM_KEYS=["1","2","3","4","5","6","7","8","9"],ZERO="0",RE_NUM_LIKE=/^\d+$|^\.$|^x$/i,shuffle=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const r=Math.floor(Math.random()*(e+1));[t[e],t[r]]=[t[r],t[e]]}return t},NumberKeyboard=_react().default.memo(e=>{const{visible:t,title:r,tokensOverride:a,theme:n="default",extraKey:o,randomKeyOrder:i,showDeleteKey:l=!0,closeButtonText:c,deleteButtonText:u,closeButtonLoading:s,onChange:d,onInput:f,onDelete:_,onClose:y,onBlur:p,onHide:g,onShow:m,value:x,defaultValue:h,maxlength:v,blurOnClose:b=!0,safeAreaInsetBottom:k=!0,transition:w=!0,transitionDuration:N=300,numberKeyRender:E,deleteRender:R,extraKeyRender:z,style:A,...M}=e,P=(0,_useLocale.useLocale)(),B=(0,_animation.useReducedMotion)(),q=(0,_tokens.useNumberKeyboardTokens)(a),{colors:F,radii:T,shadow:V,sizing:C,spacing:D,typography:O}=q,[K,H]=(0,_hooks.useControllableValue)(e,{defaultValue:"",valuePropName:"value",defaultValuePropName:"defaultValue",trigger:"onChange"}),L=K??"",W=(()=>{const e=(0,_number.parseNumberLike)(v,void 0);return null!=e&&Number.isFinite(e)&&e>=0?Math.floor(e):void 0})(),I=(0,_react().useRef)(L),$=(0,_react().useRef)(W),j=(0,_react().useRef)(y),G=(0,_react().useRef)(p),U=(0,_react().useRef)(m),Y=(0,_react().useRef)(g),Z=(0,_react().useRef)(_),J=(0,_react().useRef)(f);I.current=L,$.current=W,j.current=y,G.current=p,U.current=m,Y.current=g,Z.current=_,J.current=f;const Q="custom"===n,X=P?.vanNumberKeyboard?.close??"Done",ee=Q?c??X:c,te=(0,_react().useCallback)(()=>{j.current?.(),b&&G.current?.()},[b]),re=(0,_react().useRef)(t);(0,_react().useEffect)(()=>{t&&!re.current&&U.current?.(),!t&&re.current&&Y.current?.(),re.current=t},[t]),(0,_react().useEffect)(()=>(t?(registry.add(te),registry.forEach(e=>{e!==te&&e()})):registry.delete(te),()=>{registry.delete(te)}),[t,te]);const ae=(0,_react().useMemo)(()=>{const e=(i&&t?shuffle(NUM_KEYS):NUM_KEYS).map(e=>({text:e,type:""}));if(Q){const t=Array.isArray(o)?o:o?[o]:[];return 1===t.length?e.push({text:"0",type:"",wider:!0},{text:t[0],type:"extra"}):t.length>=2?e.push({text:t[0],type:"extra"},{text:"0",type:""},{text:t[1],type:"extra"}):e.push({text:"0",type:""}),e}const r=Array.isArray(o)?o[0]??"":o??"";return e.push({text:r,type:"extra"},{text:"0",type:""},{type:l?"delete":"",text:l?void 0:""}),e},[o,Q,i,l,t]),ne=(0,_react().useCallback)((e,t)=>{if("delete"===t){const e=I.current;if(!e)return;return Z.current?.(),void H(e.slice(0,-1))}if("close"===t||"extra"===t&&!e)return void te();if(!e)return;const r=I.current,a=$.current;void 0!==a&&r.length>=a||(J.current?.(e),H(`${r}${e}`))},[te,H]),oe=(0,_react().useMemo)(()=>(0,_createPlatformShadow.createPlatformShadow)(V),[V.color,V.elevation,V.offsetY,V.opacity,V.radius]),ie=(0,_react().useCallback)((e,t,r=!1,a=!1,n)=>{const o=e.type,i=""===o&&!e.text,l=i||r&&s,c=l?void 0:()=>ne(e.text,o),d=r?F.closeBackground:F.keyBackground,f=r?F.closeActiveBackground:F.keyActiveBackground,_=r?F.closeText:F.keyText,y=r?F.closeText:F.keyTextActive,p=n??(r?C.closeHeight:C.keyHeight),g=C.auxFontSize??Math.round(.64*C.fontSize),m=C.defaultIconFontSize??C.fontSize,x=e.text??"",h="delete"===o?R?.()??u??"⌫":"extra"===o?z?z(x):x||"⌨︎":"close"===o?ee??X:E?E(x):x,v="delete"===o&&null==R&&null==u||"extra"===o&&!z&&!x,b="extra"===o&&"string"==typeof h&&RE_NUM_LIKE.test(h),k=""===o?C.fontSize:v?m:b?C.fontSize:g;return _react().default.createElement(_reactNative().Pressable,{key:`${o}-${t}-${e.text??t}`,onPress:c,disabled:l,style:[{opacity:i?1:l?.6:1},a?{width:"100%",flexBasis:"auto",flexGrow:0,alignSelf:"stretch"}:{flexBasis:0,flexGrow:e.wider?2:1,flexShrink:1,minWidth:0}],accessible:!i,accessibilityRole:i?void 0:"button",accessibilityLabel:i?void 0:"delete"===o?"delete":"close"===o?ee??"close":"extra"===o?x||"collapse":x,accessibilityState:i?void 0:{disabled:!!l},accessibilityElementsHidden:i,importantForAccessibility:i?"no-hide-descendants":void 0},({pressed:e})=>{const t=e&&!l,a=l?F.keyBackground:t?f:d,n=t?y:_;return _react().default.createElement(_reactNative().View,{style:[S.k,{height:p,backgroundColor:a,borderRadius:T.key}]},r&&s?_react().default.createElement(_loading.default,{size:18,color:n}):(0,_utils.isRenderable)(h)?(0,_utils.renderTextOrNode)(h,[S.kTxt,{color:n,fontFamily:O.fontFamily,fontSize:k}]):null)})},[s,F.closeActiveBackground,F.closeBackground,F.closeText,F.keyActiveBackground,F.keyBackground,F.keyText,F.keyTextActive,X,u,R,z,ne,E,T.key,C.auxFontSize,C.closeHeight,C.defaultIconFontSize,C.fontSize,C.keyHeight,O.fontFamily,ee]),le=(0,_react().useRef)(new(_reactNative().Animated.Value)(t?1:0)).current,ce=(0,_react().useRef)(null),ue=(0,_react().useRef)(0),[se,de]=(0,_react().useState)(0),[fe,_e]=(0,_react().useState)(t),ye=B||!1===w?0:N;(0,_react().useEffect)(()=>{ue.current+=1;const e=ue.current;t&&_e(!0),ce.current?.stop();const r=_reactNative().Animated.timing(le,{toValue:t?1:0,duration:ye,useNativeDriver:_platform.nativeDriverEnabled,easing:t?_reactNative().Easing.out(_reactNative().Easing.cubic):_reactNative().Easing.in(_reactNative().Easing.cubic),isInteraction:!1});return ce.current=r,r.start(({finished:r})=>{r&&!t&&ue.current===e&&_e(!1)}),()=>{ce.current?.stop(),ce.current=null}},[le,t,ye]);const pe=le.interpolate({inputRange:[0,1],outputRange:[se||320,0]}),ge=(0,_react().useCallback)(e=>{const{height:t}=e.nativeEvent.layout;de(e=>Math.abs(t-e)>.5?t:e)},[]),me=!Q&&(r||c),xe=2*C.keyHeight+D.keyGap,he=(0,_react().useMemo)(()=>{const e=D.keyGap,t=D.paddingHorizontal,a={paddingHorizontal:D.titlePadding},n=[S.dRow,{flexDirection:"column",flexWrap:"nowrap",paddingHorizontal:t,paddingTop:e,paddingBottom:e,gap:e}],o={flexDirection:"row",gap:e},i=[S.cRow,{paddingHorizontal:t,paddingTop:me?0:e,paddingBottom:e,width:"100%"}],c=[S.cMat,{flexDirection:"column",flexWrap:"nowrap",gap:e}],u=[S.cSide,{gap:e,marginLeft:e}],s=ae.map((e,t)=>({key:e,index:t})),d=[];for(let e=0;e<s.length;e+=3)d.push(s.slice(e,e+3));const f=_react().default.createElement(_reactNative().View,{style:n},d.map((e,t)=>_react().default.createElement(_reactNative().View,{key:`l-${t}`,style:o},e.map(e=>ie(e.key,e.index))))),_=[];for(let e=0;e<9&&e<s.length;e+=3)_.push(s.slice(e,e+3));const y=s.slice(9);1===y.length?_.push([{key:{type:""},index:1000001},y[0],{key:{type:""},index:1000002}]):y.length&&_.push(y);const p=_react().default.createElement(_reactNative().View,{style:c},_.map((e,t)=>_react().default.createElement(_reactNative().View,{key:`cl-${t}`,style:o},e.map(e=>ie(e.key,e.index))))),g=l&&ie({type:"delete"},999,!1,!0,xe),m=ie({type:"close"},1e3,!0,!0,xe),x={color:F.title,fontFamily:O.fontFamily,fontSize:C.titleFontSize},h={color:F.title,fontFamily:O.fontFamily,fontSize:C.auxFontSize??Math.round(.64*C.fontSize)};return{headerNode:me?_react().default.createElement(_reactNative().View,{style:[S.hdr,a]},_react().default.createElement(_reactNative().Text,{style:[S.tBold,S.tCenter,x],numberOfLines:1},r),ee&&_react().default.createElement(_reactNative().Pressable,{onPress:te,style:S.hdrClose,accessibilityRole:"button",accessibilityLabel:ee},_react().default.createElement(_reactNative().Text,{style:h},ee))):null,bodyNode:Q?_react().default.createElement(_reactNative().View,{style:i},p,_react().default.createElement(_reactNative().View,{style:u},g,m)):f,safeAreaNode:k&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom"})}},[te,F.title,xe,me,Q,ae,ie,ee,k,C.auxFontSize,C.fontSize,C.titleFontSize,D.keyGap,D.paddingHorizontal,D.titlePadding,O.fontFamily,r,l]);return fe||t?_react().default.createElement(_Portal.default,null,_react().default.createElement(_reactNative().Animated.View,_extends({},M,{pointerEvents:t?"auto":"none",renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,onLayout:ge,style:[S.wrap,oe,A,{transform:[{translateY:pe}],backgroundColor:F.background}]}),he.headerNode,he.bodyNode,he.safeAreaNode)):null}),S=_reactNative().StyleSheet.create({wrap:{position:"absolute",left:0,right:0,bottom:0},hdr:{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",height:44,position:"relative"},tBold:{fontWeight:"600"},tCenter:{position:"absolute",left:12,right:12,textAlign:"center"},hdrClose:{minWidth:56,alignItems:"flex-end"},k:{justifyContent:"center",alignItems:"center"},kTxt:{includeFontPadding:!1,textAlign:"center"},dRow:{flexDirection:"row",flexWrap:"wrap"},cRow:{flexDirection:"row"},cMat:{flex:3,flexDirection:"row",flexWrap:"wrap"},cSide:{flex:1,flexDirection:"column",justifyContent:"flex-start"}});var _default=exports.default=NumberKeyboard;

package/dist/cjs/components/number-keyboard/index.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NumberKeyboard", {
-  enumerable: true,
-  get: function () {
-    return _NumberKeyboard.default;
-  }
-});
-exports.default = void 0;
-var _NumberKeyboard = _interopRequireDefault(require("./NumberKeyboard"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _NumberKeyboard.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NumberKeyboard",{enumerable:!0,get:function(){return _NumberKeyboard.default}}),exports.default=void 0;var _NumberKeyboard=_interopRequireDefault(require("./NumberKeyboard"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_NumberKeyboard.default;

package/dist/cjs/components/number-keyboard/tokens.js

@@ -1,59 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNumberKeyboardTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    radii,
-    fontSize,
-    typography
-  } = foundations;
-  const onPrimary = palette.primary.foreground ?? '#ffffff';
-  return {
-    colors: {
-      background: palette.default[100],
-      title: palette.default[700],
-      keyBackground: '#ffffff',
-      keyActiveBackground: palette.default[50],
-      keyText: palette.default[900],
-      keyTextActive: palette.primary[600],
-      closeBackground: palette.primary[500],
-      closeActiveBackground: palette.primary[400],
-      closeText: onPrimary,
-      border: palette.default[200]
-    },
-    spacing: {
-      paddingHorizontal: spacing.ssm,
-      paddingVertical: spacing.ssm,
-      keyGap: spacing.ssm,
-      titlePadding: spacing.md
-    },
-    sizing: {
-      keyHeight: 54,
-      closeHeight: 44,
-      fontSize: 28,
-      defaultIconFontSize: 30,
-      auxFontSize: 18,
-      titleFontSize: fontSize.md
-    },
-    typography: {
-      fontFamily: typography.fontFamily
-    },
-    radii: {
-      key: radii.xs
-    },
-    shadow: {
-      color: '#000000',
-      opacity: 0.08,
-      radius: 6,
-      offsetY: 0,
-      elevation: 6
-    }
-  };
-};
-const useNumberKeyboardTokens = exports.useNumberKeyboardTokens = (0, _designSystem.createComponentTokensHook)('numberKeyboard', createTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNumberKeyboardTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,radii:r,fontSize:a,typography:s}=e,i=e.surface??"#ffffff",n=o.primary.foreground??"#ffffff";return{colors:{background:o.default[100],title:o.default[700],keyBackground:i,keyActiveBackground:o.default[50],keyText:o.default[900],keyTextActive:o.primary[600],closeBackground:o.primary[500],closeActiveBackground:o.primary[400],closeText:n,border:o.default[200]},spacing:{paddingHorizontal:t.ssm,paddingVertical:t.ssm,keyGap:t.ssm,titlePadding:t.md},sizing:{keyHeight:54,closeHeight:44,fontSize:28,defaultIconFontSize:30,auxFontSize:18,titleFontSize:a.md},typography:{fontFamily:s.fontFamily},radii:{key:r.xs},shadow:{color:"#000000",opacity:.08,radius:6,offsetY:0,elevation:6}}},useNumberKeyboardTokens=exports.useNumberKeyboardTokens=(0,_designSystem.createComponentTokensHook)("numberKeyboard",createTokens);

package/dist/cjs/components/overlay/Overlay.js

@@ -1,81 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Overlay = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-function _overlays() {
-  const data = require("@react-native-aria/overlays");
-  _overlays = function () {
-    return data;
-  };
-  return data;
-}
-function _interactions() {
-  const data = require("@react-native-aria/interactions");
-  _interactions = function () {
-    return data;
-  };
-  return data;
-}
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IS_WEB = _reactNative().Platform.OS === 'web';
-const OverlayImpl = (props, ref) => {
-  const {
-    children,
-    isOpen: openP,
-    visible: visP,
-    useRNModal: useModalP,
-    useRNModalOnAndroid: useModalAndroidP = false,
-    isKeyboardDismissable: kbDismissP = true,
-    animationPreset: animP = 'fade',
-    onRequestClose,
-    style
-  } = props;
-  const tokens = (0, _tokens.useOverlayTokens)();
-  const useModal = useModalP ?? !IS_WEB;
-  const webStyle = IS_WEB ? {
-    zIndex: tokens.layer.zIndex,
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  } : undefined;
-  const open = openP ?? visP ?? false;
-  (0, _interactions().useKeyboardDismissable)({
-    enabled: !IS_WEB && open && kbDismissP,
-    callback: onRequestClose ?? (() => {})
-  });
-  if (!open) return null;
-  if (useModal || useModalAndroidP && _reactNative().Platform.OS === 'android') return /*#__PURE__*/_react().default.createElement(_reactNative().Modal, {
-    statusBarTranslucent: true,
-    transparent: true,
-    visible: open,
-    onRequestClose: onRequestClose,
-    animationType: animP,
-    ref: ref
-  }, children);
-  return /*#__PURE__*/_react().default.createElement(_overlays().OverlayContainer, {
-    style: [style, webStyle]
-  }, children);
-};
-const OverlayForwardRef = /*#__PURE__*/_react().default.forwardRef(OverlayImpl);
-OverlayForwardRef.displayName = 'Overlay';
-const Overlay = exports.Overlay = /*#__PURE__*/_react().default.memo(OverlayForwardRef);
-var _default = exports.default = Overlay;
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _overlays(){const e=require("@react-native-aria/overlays");return _overlays=function(){return e},e}function _interactions(){const e=require("@react-native-aria/interactions");return _interactions=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Overlay=void 0;var _tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const IS_WEB="web"===_reactNative().Platform.OS,OverlayImpl=(e,r)=>{const{children:t,isOpen:a,visible:n,useRNModal:o,useRNModalOnAndroid:i=!1,isKeyboardDismissable:l=!0,animationPreset:s="fade",onRequestClose:u,style:c}=e,d=(0,_tokens.useOverlayTokens)(),f=o??!IS_WEB,v=IS_WEB?{zIndex:d.layer.zIndex,position:"fixed",top:0,left:0,right:0,bottom:0}:void 0,_=a??n??!1;return(0,_interactions().useKeyboardDismissable)({enabled:!IS_WEB&&_&&l,callback:u??(()=>{})}),_?f||i&&"android"===_reactNative().Platform.OS?_react().default.createElement(_reactNative().Modal,{statusBarTranslucent:!0,transparent:!0,visible:_,onRequestClose:u,animationType:s,ref:r},t):_react().default.createElement(_overlays().OverlayContainer,{style:[c,v]},t):null},OverlayForwardRef=_react().default.forwardRef(OverlayImpl);OverlayForwardRef.displayName="Overlay";const Overlay=exports.Overlay=_react().default.memo(OverlayForwardRef);var _default=exports.default=Overlay;