rn-inputforge 0.3.1 → 0.5.0

package/lib/module/components/FieldFlowSection/FieldFlowSection.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { LayoutAnimation, Platform, Pressable, StyleSheet, Text, UIManager, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { renderFieldFlowIcon } from '../../icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
+  UIManager.setLayoutAnimationEnabledExperimental(true);
+}
+/**
+ * Themed form surface — groups related fields into a designed card with
+ * optional icon, description, and collapse.
+ */
+export function FieldFlowSection({
+  title,
+  description,
+  icon,
+  children,
+  elevated = true,
+  collapsible = false,
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  headerRight,
+  containerStyle,
+  headerStyle,
+  bodyStyle,
+  titleStyle,
+  descriptionStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, elevated), [theme, elevated]);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = openProp !== undefined;
+  const open = isControlled ? openProp : internalOpen;
+  const toggle = () => {
+    const next = !open;
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  const showHeader = Boolean(title || description || icon || headerRight || collapsible);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, containerStyle],
+    testID: testID,
+    children: [showHeader ? /*#__PURE__*/_jsxs(Pressable, {
+      onPress: collapsible ? toggle : undefined,
+      disabled: !collapsible,
+      style: [styles.header, headerStyle],
+      accessibilityRole: collapsible ? 'button' : undefined,
+      accessibilityState: collapsible ? {
+        expanded: open
+      } : undefined,
+      children: [icon ? /*#__PURE__*/_jsx(View, {
+        style: styles.iconWrap,
+        children: renderFieldFlowIcon(icon, theme.colors.borderFocused, 18)
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: styles.headerCopy,
+        children: [title ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.title, titleStyle],
+          children: title
+        }) : null, description ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.description, descriptionStyle],
+          children: description
+        }) : null]
+      }), headerRight, collapsible ? renderFieldFlowIcon(open ? 'chevronUp' : 'chevronDown', theme.colors.icon, 18) : null]
+    }) : null, (!collapsible || open) && /*#__PURE__*/_jsx(View, {
+      style: [styles.body, bodyStyle],
+      children: children
+    })]
+  });
+}
+function createStyles(theme, elevated) {
+  return StyleSheet.create({
+    card: {
+      marginBottom: theme.spacing.gap * 2.5,
+      borderRadius: theme.spacing.borderRadius + 4,
+      backgroundColor: theme.colors.background,
+      borderWidth: elevated ? theme.spacing.borderWidth : 0,
+      borderColor: theme.colors.border,
+      overflow: 'hidden',
+      ...(elevated ? {
+        shadowColor: '#000',
+        shadowOpacity: 0.06,
+        shadowRadius: 12,
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        elevation: 2
+      } : null)
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: theme.spacing.gap,
+      paddingHorizontal: theme.spacing.paddingHorizontal + 2,
+      paddingTop: theme.spacing.paddingVertical + 2,
+      paddingBottom: theme.spacing.paddingVertical / 1.5
+    },
+    iconWrap: {
+      width: 36,
+      height: 36,
+      borderRadius: 10,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    headerCopy: {
+      flex: 1
+    },
+    title: {
+      fontSize: theme.typography.fontSize + 1,
+      fontWeight: '600',
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily
+    },
+    description: {
+      marginTop: 2,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      fontFamily: theme.typography.fontFamily
+    },
+    body: {
+      paddingHorizontal: theme.spacing.paddingHorizontal + 2,
+      paddingBottom: theme.spacing.paddingVertical + 4,
+      paddingTop: theme.spacing.gap
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","LayoutAnimation","Platform","Pressable","StyleSheet","Text","UIManager","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsx","_jsx","jsxs","_jsxs","OS","setLayoutAnimationEnabledExperimental","FieldFlowSection","title","description","icon","children","elevated","collapsible","defaultOpen","open","openProp","onOpenChange","headerRight","containerStyle","headerStyle","bodyStyle","titleStyle","descriptionStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","internalOpen","setInternalOpen","isControlled","undefined","toggle","next","configureNext","Presets","easeInEaseOut","showHeader","Boolean","style","card","onPress","disabled","header","accessibilityRole","accessibilityState","expanded","iconWrap","colors","borderFocused","headerCopy","body","create","marginBottom","spacing","gap","borderRadius","backgroundColor","background","borderWidth","borderColor","border","overflow","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation","flexDirection","alignItems","paddingHorizontal","paddingTop","paddingVertical","paddingBottom","justifyContent","backgroundDisabled","flex","fontSize","typography","fontWeight","color","text","fontFamily","marginTop","helperFontSize","label"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSection/FieldFlowSection.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowSegmented/FieldFlowSegmented.js

@@ -0,0 +1,190 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { renderFieldFlowIcon } from '../../icons/renderIcon';
+import { useReducedMotion } from '../../motion/useReducedMotion';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Animated pill segmented control — plan pickers, account type, filters.
+ * Matches FieldFlow theming and supports option icons.
+ */
+export function FieldFlowSegmented({
+  options,
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  equalWidth = true,
+  containerStyle,
+  trackStyle,
+  segmentStyle,
+  labelStyle,
+  helperStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const reducedMotion = useReducedMotion();
+  const selectedIndex = Math.max(0, options.findIndex(o => o.value === value));
+  const [trackWidth, setTrackWidth] = React.useState(0);
+  const translate = useRef(new Animated.Value(0)).current;
+  const segmentWidth = options.length > 0 && trackWidth > 0 ? trackWidth / options.length : 0;
+  useEffect(() => {
+    if (!equalWidth || segmentWidth <= 0) return;
+    const to = selectedIndex * segmentWidth + 2;
+    if (reducedMotion) {
+      translate.setValue(to);
+      return;
+    }
+    Animated.spring(translate, {
+      toValue: to,
+      friction: 8,
+      tension: 120,
+      useNativeDriver: true
+    }).start();
+  }, [selectedIndex, segmentWidth, equalWidth, reducedMotion, translate]);
+  const onTrackLayout = e => {
+    setTrackWidth(e.nativeEvent.layout.width);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [label ? /*#__PURE__*/_jsxs(Text, {
+      style: [styles.label, labelStyle],
+      children: [label, required ? ' *' : '']
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: [styles.track, trackStyle],
+      onLayout: onTrackLayout,
+      accessibilityRole: "tablist",
+      children: [equalWidth && segmentWidth > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+        pointerEvents: "none",
+        style: [styles.thumb, {
+          width: segmentWidth - 4,
+          transform: [{
+            translateX: translate
+          }]
+        }]
+      }) : null, options.map(option => {
+        const isSelected = option.value === value;
+        const itemDisabled = disabled || option.disabled;
+        return /*#__PURE__*/_jsxs(Pressable, {
+          onPress: () => !itemDisabled && onChange(option.value),
+          disabled: itemDisabled,
+          style: [styles.segment, equalWidth && {
+            flex: 1
+          }, !equalWidth && isSelected && styles.segmentSelectedStatic, segmentStyle, itemDisabled && styles.segmentDisabled],
+          accessibilityRole: "tab",
+          accessibilityState: {
+            selected: isSelected,
+            disabled: Boolean(itemDisabled)
+          },
+          accessibilityLabel: option.label,
+          children: [option.icon ? /*#__PURE__*/_jsx(View, {
+            style: styles.segmentIcon,
+            children: renderFieldFlowIcon(option.icon, isSelected ? theme.colors.borderFocused : theme.colors.icon, 14)
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            style: [styles.segmentText, isSelected && styles.segmentTextSelected],
+            numberOfLines: 1,
+            children: option.label
+          })]
+        }, option.value);
+      })]
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.errorText, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      marginBottom: theme.spacing.gap,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    track: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderRadius: theme.spacing.borderRadius + 2,
+      padding: 2,
+      borderWidth: hasError ? theme.spacing.borderWidth : 0,
+      borderColor: theme.colors.borderError,
+      position: 'relative',
+      overflow: 'hidden'
+    },
+    thumb: {
+      position: 'absolute',
+      top: 2,
+      bottom: 2,
+      left: 0,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.background,
+      shadowColor: '#000',
+      shadowOpacity: 0.08,
+      shadowRadius: 4,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 2
+    },
+    segment: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: 6,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      zIndex: 1
+    },
+    segmentSelectedStatic: {
+      backgroundColor: theme.colors.background,
+      borderRadius: theme.spacing.borderRadius
+    },
+    segmentDisabled: {
+      opacity: 0.45
+    },
+    segmentIcon: {
+      marginRight: 0
+    },
+    segmentText: {
+      fontSize: theme.typography.helperFontSize + 1,
+      color: theme.colors.label,
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    segmentTextSelected: {
+      color: theme.colors.text,
+      fontWeight: '600'
+    },
+    helperText: {
+      marginTop: theme.spacing.gap / 1.5,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    errorText: {
+      marginTop: theme.spacing.gap / 1.5,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSegmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","useReducedMotion","jsxs","_jsxs","jsx","_jsx","FieldFlowSegmented","options","value","onChange","label","helperText","errorText","disabled","required","equalWidth","containerStyle","trackStyle","segmentStyle","labelStyle","helperStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","Boolean","reducedMotion","selectedIndex","Math","max","findIndex","o","trackWidth","setTrackWidth","useState","translate","Value","current","segmentWidth","length","to","setValue","spring","toValue","friction","tension","useNativeDriver","start","onTrackLayout","e","nativeEvent","layout","width","style","wrapper","children","track","onLayout","accessibilityRole","pointerEvents","thumb","transform","translateX","map","option","isSelected","itemDisabled","onPress","segment","flex","segmentSelectedStatic","segmentDisabled","accessibilityState","selected","accessibilityLabel","icon","segmentIcon","colors","borderFocused","segmentText","segmentTextSelected","numberOfLines","hasError","create","marginBottom","spacing","gap","opacity","fontSize","typography","labelFontSize","color","error","fontWeight","fontFamily","flexDirection","alignItems","backgroundColor","backgroundDisabled","borderRadius","padding","borderWidth","borderColor","borderError","position","overflow","top","bottom","left","background","shadowColor","shadowOpacity","shadowRadius","shadowOffset","height","elevation","justifyContent","paddingVertical","paddingHorizontal","zIndex","marginRight","helperFontSize","text","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSegmented/FieldFlowSegmented.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowSignature/FieldFlowSignature.js

@@ -0,0 +1,195 @@
+"use strict";
+
+import React, { useMemo, useRef, useState } from 'react';
+import { PanResponder, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SignatureSegment({
+  p1,
+  p2,
+  color,
+  thickness
+}) {
+  const dx = p2.x - p1.x;
+  const dy = p2.y - p1.y;
+  const len = Math.sqrt(dx * dx + dy * dy) || 0.01;
+  const angle = Math.atan2(dy, dx) * 180 / Math.PI;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: {
+      position: 'absolute',
+      left: p1.x,
+      top: p1.y,
+      width: len,
+      height: thickness,
+      backgroundColor: color,
+      borderRadius: thickness / 2,
+      transform: [{
+        translateY: -thickness / 2
+      }, {
+        rotate: `${angle}deg`
+      }]
+    }
+  });
+}
+export function FieldFlowSignature({
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  height = 160,
+  strokeWidth = 2.5,
+  strokeColor,
+  clearLabel = 'Clear',
+  placeholder = 'Sign here',
+  renderClear,
+  renderPlaceholder,
+  containerStyle,
+  labelStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const color = strokeColor ?? theme.colors.text;
+  const strokes = value?.strokes ?? [];
+  const strokesRef = useRef(strokes);
+  strokesRef.current = strokes;
+  const currentRef = useRef([]);
+  const [, setTick] = useState(0);
+  const bump = () => setTick(t => t + 1);
+  const emit = next => {
+    onChange({
+      strokes: next,
+      isEmpty: next.length === 0
+    });
+  };
+  const pan = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabled,
+    onMoveShouldSetPanResponder: () => !disabled,
+    onPanResponderGrant: e => {
+      currentRef.current = [{
+        x: e.nativeEvent.locationX,
+        y: e.nativeEvent.locationY
+      }];
+      bump();
+    },
+    onPanResponderMove: e => {
+      currentRef.current = [...currentRef.current, {
+        x: e.nativeEvent.locationX,
+        y: e.nativeEvent.locationY
+      }];
+      bump();
+    },
+    onPanResponderRelease: () => {
+      if (currentRef.current.length > 1) {
+        emit([...strokesRef.current, currentRef.current]);
+      }
+      currentRef.current = [];
+      bump();
+    }
+  })).current;
+  const allStrokes = currentRef.current.length ? [...strokes, currentRef.current] : strokes;
+  const clear = () => {
+    currentRef.current = [];
+    emit([]);
+    bump();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [label ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.label, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : /*#__PURE__*/_jsx(View, {}), renderClear ? renderClear({
+        clear,
+        isEmpty: allStrokes.length === 0
+      }) : /*#__PURE__*/_jsx(Pressable, {
+        onPress: clear,
+        disabled: disabled || allStrokes.length === 0,
+        hitSlop: 8,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.clear,
+          children: clearLabel
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.pad, {
+        height
+      }],
+      ...pan.panHandlers,
+      children: [allStrokes.map((stroke, si) => stroke.slice(1).map((point, pi) => /*#__PURE__*/_jsx(SignatureSegment, {
+        p1: stroke[pi],
+        p2: point,
+        color: color,
+        thickness: strokeWidth
+      }, `${si}-${pi}`))), allStrokes.length === 0 ? renderPlaceholder ? renderPlaceholder() : /*#__PURE__*/_jsx(Text, {
+        style: styles.placeholder,
+        pointerEvents: "none",
+        children: placeholder
+      }) : null]
+    }), errorText ? /*#__PURE__*/_jsx(Text, {
+      style: styles.error,
+      children: errorText
+    }) : helperText ? /*#__PURE__*/_jsx(Text, {
+      style: styles.helper,
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap * 2,
+      opacity: disabled ? 0.6 : 1
+    },
+    header: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 8
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500'
+    },
+    clear: {
+      color: theme.colors.borderFocused,
+      fontWeight: '600',
+      fontSize: theme.typography.helperFontSize
+    },
+    pad: {
+      borderWidth: hasError ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth,
+      borderColor: hasError ? theme.colors.borderError : theme.colors.border,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.background,
+      overflow: 'hidden'
+    },
+    placeholder: {
+      position: 'absolute',
+      alignSelf: 'center',
+      top: '42%',
+      color: theme.colors.placeholder,
+      fontSize: theme.typography.fontSize
+    },
+    helper: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    error: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSignature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useRef","useState","PanResponder","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","jsx","_jsx","jsxs","_jsxs","SignatureSegment","p1","p2","color","thickness","dx","x","dy","y","len","Math","sqrt","angle","atan2","PI","pointerEvents","style","position","left","top","width","height","backgroundColor","borderRadius","transform","translateY","rotate","FieldFlowSignature","value","onChange","label","helperText","errorText","disabled","required","strokeWidth","strokeColor","clearLabel","placeholder","renderClear","renderPlaceholder","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","Boolean","colors","text","strokes","strokesRef","current","currentRef","setTick","bump","t","emit","next","isEmpty","length","pan","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","e","nativeEvent","locationX","locationY","onPanResponderMove","onPanResponderRelease","allStrokes","clear","wrap","children","header","onPress","hitSlop","pad","panHandlers","map","stroke","si","slice","point","pi","error","helper","hasError","marginBottom","spacing","gap","opacity","flexDirection","justifyContent","alignItems","fontSize","typography","labelFontSize","fontWeight","borderFocused","helperFontSize","borderWidth","borderWidthFocused","borderColor","borderError","border","background","overflow","alignSelf","marginTop"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSignature/FieldFlowSignature.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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