react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,248 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: {
+    height: rem(24),
+    minWidth: rem(24),
+    fontSize: rem(10),
+    padding: rem(4)
+  },
+  sm: {
+    height: rem(28),
+    minWidth: rem(28),
+    fontSize: rem(12),
+    padding: rem(6)
+  },
+  md: {
+    height: rem(32),
+    minWidth: rem(32),
+    fontSize: rem(14),
+    padding: rem(8)
+  },
+  lg: {
+    height: rem(38),
+    minWidth: rem(38),
+    fontSize: rem(16),
+    padding: rem(10)
+  },
+  xl: {
+    height: rem(44),
+    minWidth: rem(44),
+    fontSize: rem(18),
+    padding: rem(12)
+  }
+};
+const useStyles = createStyles((theme, {
+  color,
+  radius,
+  disabled
+}, {
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeStyles = sizes[size] || sizes.md;
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      opacity: disabled ? 0.5 : 1
+    },
+    item: {
+      height: sizeStyles.height,
+      minWidth: sizeStyles.minWidth,
+      paddingHorizontal: sizeStyles.padding,
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: theme.fn.radius(radius),
+      marginHorizontal: rem(2),
+      borderWidth: 1,
+      borderColor: 'transparent'
+    },
+    itemDefault: {
+      backgroundColor: 'transparent',
+      borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+    },
+    itemActive: {
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    itemControl: {
+      backgroundColor: 'transparent'
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '500'
+    },
+    labelDefault: {
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black
+    },
+    labelActive: {
+      color: theme.white
+    },
+    labelControl: {
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[1] : theme.colors.gray?.[7]
+    },
+    labelDisabled: {
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[3] : theme.colors.gray?.[5]
+    },
+    dots: {
+      paddingHorizontal: rem(8)
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  color: 'blue',
+  radius: 'sm',
+  siblings: 1,
+  boundaries: 1,
+  withControls: true,
+  withEdges: false,
+  disabled: false
+};
+const range = (start, end) => {
+  const length = end - start + 1;
+  return Array.from({
+    length
+  }, (_, i) => start + i);
+};
+const DOTS = 'dots';
+export const Pagination = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    total,
+    size,
+    color,
+    radius,
+    siblings,
+    boundaries,
+    withControls,
+    withEdges,
+    disabled,
+    previousIcon,
+    nextIcon,
+    firstIcon,
+    lastIcon,
+    style,
+    ...others
+  } = useComponentDefaultProps('Pagination', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    disabled
+  }, {
+    name: 'Pagination',
+    size
+  });
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? 1);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const handlePageChange = page => {
+    if (disabled) return;
+    if (page < 1 || page > total) return;
+    if (controlledValue === undefined) {
+      setUncontrolledValue(page);
+    }
+    onChange?.(page);
+  };
+  const paginationRange = React.useMemo(() => {
+    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+    if (totalPageNumbers >= total) {
+      return range(1, total);
+    }
+    const leftSiblingIndex = Math.max(value - siblings, boundaries + 1);
+    const rightSiblingIndex = Math.min(value + siblings, total - boundaries);
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < total - (boundaries + 1);
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = siblings * 2 + boundaries + 2;
+      return [...range(1, leftItemCount), DOTS, ...range(total - (boundaries - 1), total)];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = boundaries + 1 + 2 * siblings;
+      return [...range(1, boundaries), DOTS, ...range(total - rightItemCount, total)];
+    }
+    return [...range(1, boundaries), DOTS, ...range(leftSiblingIndex, rightSiblingIndex), DOTS, ...range(total - boundaries + 1, total)];
+  }, [total, value, siblings, boundaries]);
+  const renderItem = (page, index) => {
+    if (page === DOTS) {
+      return /*#__PURE__*/_jsx(BoxView, {
+        style: styles.dots,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, styles.labelDefault],
+          children: "..."
+        })
+      }, `dots-${index}`);
+    }
+    const pageNumber = page;
+    const isActive = pageNumber === value;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, isActive ? styles.itemActive : styles.itemDefault],
+      onPress: () => handlePageChange(pageNumber),
+      disabled: disabled,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, isActive ? styles.labelActive : styles.labelDefault],
+        children: pageNumber
+      })
+    }, pageNumber);
+  };
+  const canGoPrevious = value > 1;
+  const canGoNext = value < total;
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [withEdges && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, styles.itemControl],
+      onPress: () => handlePageChange(1),
+      disabled: disabled || !canGoPrevious,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, styles.labelControl, (!canGoPrevious || disabled) && styles.labelDisabled],
+        children: firstIcon || '<<'
+      })
+    }), withControls && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, styles.itemControl],
+      onPress: () => handlePageChange(value - 1),
+      disabled: disabled || !canGoPrevious,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, styles.labelControl, (!canGoPrevious || disabled) && styles.labelDisabled],
+        children: previousIcon || '<'
+      })
+    }), paginationRange.map(renderItem), withControls && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, styles.itemControl],
+      onPress: () => handlePageChange(value + 1),
+      disabled: disabled || !canGoNext,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, styles.labelControl, (!canGoNext || disabled) && styles.labelDisabled],
+        children: nextIcon || '>'
+      })
+    }), withEdges && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, styles.itemControl],
+      onPress: () => handlePageChange(total),
+      disabled: disabled || !canGoNext,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, styles.labelControl, (!canGoNext || disabled) && styles.labelDisabled],
+        children: lastIcon || '>>'
+      })
+    })]
+  });
+});
+Pagination.displayName = 'Pagination';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableOpacity","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","height","minWidth","fontSize","padding","sm","md","lg","xl","useStyles","theme","color","radius","disabled","size","colors","primaryColor","sizeStyles","root","flexDirection","alignItems","opacity","item","paddingHorizontal","justifyContent","borderRadius","fn","marginHorizontal","borderWidth","borderColor","itemDefault","backgroundColor","colorScheme","dark","gray","itemActive","primaryBgColor","itemControl","label","fontWeight","labelDefault","white","black","labelActive","labelControl","labelDisabled","dots","defaultProps","siblings","boundaries","withControls","withEdges","range","start","end","length","Array","from","_","i","DOTS","Pagination","props","ref","value","controlledValue","defaultValue","onChange","total","previousIcon","nextIcon","firstIcon","lastIcon","style","others","styles","sx","name","uncontrolledValue","setUncontrolledValue","useState","undefined","handlePageChange","page","paginationRange","useMemo","totalPageNumbers","leftSiblingIndex","Math","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","leftItemCount","rightItemCount","renderItem","index","children","pageNumber","isActive","onPress","activeOpacity","canGoPrevious","canGoNext","map","displayName"],"sourceRoot":"../../../../src","sources":["components/Pagination/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,150 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Platform } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const shadows = {
+  xs: {
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.05,
+      shadowRadius: 1
+    },
+    android: {
+      elevation: 1
+    }
+  },
+  sm: {
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 2
+    },
+    android: {
+      elevation: 2
+    }
+  },
+  md: {
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.15,
+      shadowRadius: 4
+    },
+    android: {
+      elevation: 4
+    }
+  },
+  lg: {
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 4
+      },
+      shadowOpacity: 0.2,
+      shadowRadius: 8
+    },
+    android: {
+      elevation: 8
+    }
+  },
+  xl: {
+    ios: {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 8
+      },
+      shadowOpacity: 0.25,
+      shadowRadius: 16
+    },
+    android: {
+      elevation: 12
+    }
+  }
+};
+const useStyles = createStyles((theme, {
+  shadow,
+  radius,
+  p,
+  withBorder
+}) => {
+  const getShadowStyles = () => {
+    if (!shadow) return {};
+    const shadowConfig = shadows[shadow];
+    if (!shadowConfig) return {};
+    return Platform.OS === 'ios' ? shadowConfig.ios : shadowConfig.android;
+  };
+  const getPadding = () => {
+    if (p === undefined) return {};
+    if (typeof p === 'number') return {
+      padding: rem(p)
+    };
+    return {
+      padding: theme.spacing[p] || theme.spacing.md
+    };
+  };
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+      borderRadius: theme.fn.radius(radius),
+      ...getShadowStyles(),
+      ...getPadding(),
+      ...(withBorder && {
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3]
+      })
+    }
+  };
+});
+const defaultProps = {
+  radius: 'sm',
+  p: 0,
+  withBorder: false
+};
+export const Paper = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    shadow,
+    radius,
+    p,
+    withBorder,
+    children,
+    style
+  } = useComponentDefaultProps('Paper', defaultProps, props);
+  const {
+    styles,
+    sx,
+    ...others
+  } = useStyles({
+    shadow,
+    radius,
+    p,
+    withBorder
+  }, {
+    name: 'Paper'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: children
+  });
+});
+Paper.displayName = 'Paper';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Platform","BoxView","useComponentDefaultProps","createStyles","rem","jsx","_jsx","shadows","xs","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","sm","md","lg","xl","useStyles","theme","shadow","radius","p","withBorder","getShadowStyles","shadowConfig","OS","getPadding","undefined","padding","spacing","root","backgroundColor","colorScheme","colors","dark","white","borderRadius","fn","borderWidth","borderColor","gray","defaultProps","Paper","props","ref","children","style","styles","sx","others","name","displayName"],"sourceRoot":"../../../../src","sources":["components/Paper/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { Pressable } from 'react-native';
+import { TextInput } from "../TextInput/index.js";
+import { Text } from "../Text/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  visibilityToggleLabel: 'Toggle password visibility'
+};
+const DefaultEyeIcon = ({
+  visible
+}) => /*#__PURE__*/_jsx(Text, {
+  style: {
+    fontSize: 18
+  },
+  children: visible ? '👁️' : '👁️‍🗨️'
+});
+export const PasswordInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    visibilityToggleLabel,
+    visible: controlledVisible,
+    onVisibilityChange,
+    visibilityToggleIcon,
+    ...others
+  } = {
+    ...defaultProps,
+    ...props
+  };
+  const [uncontrolledVisible, setUncontrolledVisible] = useState(false);
+  const isControlled = controlledVisible !== undefined;
+  const visible = isControlled ? controlledVisible : uncontrolledVisible;
+  const handleToggle = () => {
+    const newVisible = !visible;
+    if (!isControlled) {
+      setUncontrolledVisible(newVisible);
+    }
+    onVisibilityChange?.(newVisible);
+  };
+  const toggleButton = /*#__PURE__*/_jsx(Pressable, {
+    onPress: handleToggle,
+    accessibilityLabel: visibilityToggleLabel,
+    accessibilityRole: "button",
+    style: {
+      padding: 8,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    children: visibilityToggleIcon ? visibilityToggleIcon(visible) : /*#__PURE__*/_jsx(DefaultEyeIcon, {
+      visible: visible
+    })
+  });
+  return /*#__PURE__*/_jsx(TextInput, {
+    ref: ref,
+    secureTextEntry: !visible,
+    rightSection: toggleButton,
+    rightSectionWidth: 40,
+    ...others
+  });
+});
+PasswordInput.displayName = 'PasswordInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","Pressable","TextInput","Text","jsx","_jsx","defaultProps","visibilityToggleLabel","DefaultEyeIcon","visible","style","fontSize","children","PasswordInput","props","ref","controlledVisible","onVisibilityChange","visibilityToggleIcon","others","uncontrolledVisible","setUncontrolledVisible","isControlled","undefined","handleToggle","newVisible","toggleButton","onPress","accessibilityLabel","accessibilityRole","padding","justifyContent","alignItems","secureTextEntry","rightSection","rightSectionWidth","displayName"],"sourceRoot":"../../../../src","sources":["components/PasswordInput/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAAmCC,SAAS,QAAQ,cAAc;AAClE,SAASC,SAAS,QAA6B,uBAAc;AAC7D,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB/B,MAAMC,YAAyC,GAAG;EAChDC,qBAAqB,EAAE;AACzB,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA8B,CAAC,kBACvDJ,IAAA,CAACF,IAAI;EAACO,KAAK,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAE;EAAAC,QAAA,EAAEH,OAAO,GAAG,KAAK,GAAG;AAAS,CAAO,CACnE;AAED,OAAO,MAAMI,aAAa,gBAAGd,UAAU,CAAkC,CAACe,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;IACJR,qBAAqB;IACrBE,OAAO,EAAEO,iBAAiB;IAC1BC,kBAAkB;IAClBC,oBAAoB;IACpB,GAAGC;EACL,CAAC,GAAG;IACF,GAAGb,YAAY;IACf,GAAGQ;EACL,CAAC;EAED,MAAM,CAACM,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAMsB,YAAY,GAAGN,iBAAiB,KAAKO,SAAS;EACpD,MAAMd,OAAO,GAAGa,YAAY,GAAGN,iBAAiB,GAAGI,mBAAmB;EAEtE,MAAMI,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,UAAU,GAAG,CAAChB,OAAO;IAC3B,IAAI,CAACa,YAAY,EAAE;MACjBD,sBAAsB,CAACI,UAAU,CAAC;IACpC;IACAR,kBAAkB,GAAGQ,UAAU,CAAC;EAClC,CAAC;EAED,MAAMC,YAAY,gBAChBrB,IAAA,CAACJ,SAAS;IACR0B,OAAO,EAAEH,YAAa;IACtBI,kBAAkB,EAAErB,qBAAsB;IAC1CsB,iBAAiB,EAAC,QAAQ;IAC1BnB,KAAK,EAAE;MACLoB,OAAO,EAAE,CAAC;MACVC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAE;IAAApB,QAAA,EAEDM,oBAAoB,GAAGA,oBAAoB,CAACT,OAAO,CAAC,gBAAGJ,IAAA,CAACG,cAAc;MAACC,OAAO,EAAEA;IAAQ,CAAE;EAAC,CACnF,CACZ;EAED,oBACEJ,IAAA,CAACH,SAAS;IACRa,GAAG,EAAEA,GAAI;IACTkB,eAAe,EAAE,CAACxB,OAAQ;IAC1ByB,YAAY,EAAER,YAAa;IAC3BS,iBAAiB,EAAE,EAAG;IAAA,GAClBhB;EAAM,CACX,CAAC;AAEN,CAAC,CAAC;AAEFN,aAAa,CAACuB,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -0,0 +1,182 @@
+"use strict";
+
+import { forwardRef, useRef, useState } from 'react';
+import { TextInput } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles, getSize } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(32),
+  sm: rem(40),
+  md: rem(48),
+  lg: rem(56),
+  xl: rem(64)
+};
+const useStyles = createStyles((theme, {
+  size,
+  radius,
+  error,
+  disabled,
+  spacing
+}) => {
+  const getSpacing = () => {
+    return theme.spacing[spacing] || theme.spacing.sm;
+  };
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: getSpacing()
+    },
+    input: {
+      width: sizes[size] || sizes.md,
+      height: sizes[size] || sizes.md,
+      borderRadius: theme.fn.radius(radius),
+      borderWidth: 1,
+      borderColor: error ? (theme.colors.red || [])[6] : theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4],
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+      fontSize: getSize({
+        size,
+        sizes: theme.fontSizes
+      }),
+      textAlign: 'center',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      ...(disabled && {
+        opacity: 0.6
+      })
+    },
+    inputFocused: {
+      borderColor: theme.colors[theme.primaryColor]?.[6] || theme.primaryBgColor,
+      borderWidth: 2
+    }
+  };
+});
+const defaultProps = {
+  length: 4,
+  size: 'sm',
+  radius: 'sm',
+  mask: false,
+  type: 'number',
+  disabled: false,
+  error: false,
+  spacing: 'sm'
+};
+export const PinInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    length,
+    size,
+    radius,
+    mask,
+    type,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    onComplete,
+    disabled,
+    error,
+    spacing,
+    style,
+    inputStyle,
+    ...others
+  } = useComponentDefaultProps('PinInput', defaultProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue || '');
+  const [focusedIndex, setFocusedIndex] = useState(null);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const inputRefs = useRef([]);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    radius,
+    error,
+    disabled,
+    spacing
+  }, {
+    name: 'PinInput'
+  });
+  const handleChange = (text, index) => {
+    if (disabled) return;
+
+    // Validate input based on type
+    const isValid = type === 'number' ? /^\d*$/.test(text) : /^[a-zA-Z0-9]*$/.test(text);
+    if (!isValid) return;
+
+    // Handle paste
+    if (text.length > 1) {
+      const pastedText = text.slice(0, length);
+      const newValue = pastedText.padEnd(length, ' ').slice(0, length);
+      if (controlledValue === undefined) {
+        setUncontrolledValue(newValue);
+      }
+      onChange?.(newValue);
+
+      // Move focus to the last filled input or the end
+      const nextIndex = Math.min(pastedText.length, length - 1);
+      inputRefs.current[nextIndex]?.focus();
+      if (newValue.replace(/ /g, '').length === length) {
+        onComplete?.(newValue);
+      }
+      return;
+    }
+
+    // Handle single character input
+    const newValueArray = value.padEnd(length, ' ').split('');
+    newValueArray[index] = text;
+    const newValue = newValueArray.join('').slice(0, length);
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+
+    // Move to next input if character was entered
+    if (text && index < length - 1) {
+      inputRefs.current[index + 1]?.focus();
+    }
+
+    // Check if complete
+    if (newValue.replace(/ /g, '').length === length) {
+      onComplete?.(newValue);
+    }
+  };
+  const handleKeyPress = (e, index) => {
+    // Handle backspace
+    if (e.nativeEvent.key === 'Backspace') {
+      const currentValue = value.charAt(index);
+      if (!currentValue || currentValue === ' ') {
+        // Move to previous input if current is empty
+        if (index > 0) {
+          inputRefs.current[index - 1]?.focus();
+        }
+      }
+    }
+  };
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: Array.from({
+      length: length
+    }, (_, index) => {
+      const inputValue = value.charAt(index) || '';
+      const displayValue = inputValue === ' ' ? '' : inputValue;
+      return /*#__PURE__*/_jsx(TextInput, {
+        ref: el => inputRefs.current[index] = el,
+        value: mask && displayValue ? '•' : displayValue,
+        onChangeText: text => handleChange(text, index),
+        onKeyPress: e => handleKeyPress(e, index),
+        onFocus: () => setFocusedIndex(index),
+        onBlur: () => setFocusedIndex(null),
+        maxLength: 1,
+        keyboardType: type === 'number' ? 'number-pad' : 'default',
+        editable: !disabled,
+        selectTextOnFocus: true,
+        style: sx(styles.input, focusedIndex === index && styles.inputFocused, inputStyle)
+      }, index);
+    })
+  });
+});
+PinInput.displayName = 'PinInput';
+//# sourceMappingURL=index.js.map