rn-inputforge 0.4.0 → 0.5.1

package/lib/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowSegmented = FieldFlowSegmented;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _renderIcon = require("../../icons/renderIcon");
+var _useReducedMotion = require("../../motion/useReducedMotion");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+/**
+ * Animated pill segmented control — plan pickers, account type, filters.
+ * Matches FieldFlow theming and supports option icons.
+ */
+function FieldFlowSegmented({
+  options,
+  value,
+  onChange,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  equalWidth = true,
+  containerStyle,
+  trackStyle,
+  segmentStyle,
+  labelStyle,
+  helperStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const reducedMotion = (0, _useReducedMotion.useReducedMotion)();
+  const selectedIndex = Math.max(0, options.findIndex(o => o.value === value));
+  const [trackWidth, setTrackWidth] = _react.default.useState(0);
+  const translate = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const segmentWidth = options.length > 0 && trackWidth > 0 ? trackWidth / options.length : 0;
+  (0, _react.useEffect)(() => {
+    if (!equalWidth || segmentWidth <= 0) return;
+    const to = selectedIndex * segmentWidth + 2;
+    if (reducedMotion) {
+      translate.setValue(to);
+      return;
+    }
+    _reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrapper, containerStyle],
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: [styles.label, labelStyle],
+      children: [label, required ? ' *' : '']
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.track, trackStyle],
+      onLayout: onTrackLayout,
+      accessibilityRole: "tablist",
+      children: [equalWidth && segmentWidth > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.segmentIcon,
+            children: (0, _renderIcon.renderFieldFlowIcon)(option.icon, isSelected ? theme.colors.borderFocused : theme.colors.icon, 14)
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.segmentText, isSelected && styles.segmentTextSelected],
+            numberOfLines: 1,
+            children: option.label
+          })]
+        }, option.value);
+      })]
+    }), errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.errorText, helperStyle],
+      children: errorText
+    }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.helperText, helperStyle],
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return _reactNative.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/commonjs/components/FieldFlowSegmented/FieldFlowSegmented.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_renderIcon","_useReducedMotion","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowSegmented","options","value","onChange","label","helperText","errorText","disabled","required","equalWidth","containerStyle","trackStyle","segmentStyle","labelStyle","helperStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","reducedMotion","useReducedMotion","selectedIndex","Math","max","findIndex","trackWidth","setTrackWidth","React","useState","translate","useRef","Animated","Value","current","segmentWidth","length","useEffect","to","setValue","spring","toValue","friction","tension","useNativeDriver","start","onTrackLayout","nativeEvent","layout","width","jsxs","View","style","wrapper","children","Text","track","onLayout","accessibilityRole","jsx","pointerEvents","thumb","transform","translateX","map","option","isSelected","itemDisabled","Pressable","onPress","segment","flex","segmentSelectedStatic","segmentDisabled","accessibilityState","selected","accessibilityLabel","icon","segmentIcon","renderFieldFlowIcon","colors","borderFocused","segmentText","segmentTextSelected","numberOfLines","hasError","StyleSheet","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/commonjs/components/FieldFlowSegmented/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowSegmented", {
+  enumerable: true,
+  get: function () {
+    return _FieldFlowSegmented.FieldFlowSegmented;
+  }
+});
+var _FieldFlowSegmented = require("./FieldFlowSegmented");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldFlowSegmented","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSegmented/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/FieldFlowSignature/FieldFlowSignature.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowSignature = FieldFlowSignature;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+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 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__*/(0, _jsxRuntime.jsx)(_reactNative.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`
+      }]
+    }
+  });
+}
+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 = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme, Boolean(errorText), Boolean(disabled)), [theme, errorText, disabled]);
+  const color = strokeColor ?? theme.colors.text;
+  const strokes = value?.strokes ?? [];
+  const strokesRef = (0, _react.useRef)(strokes);
+  strokesRef.current = strokes;
+  const currentRef = (0, _react.useRef)([]);
+  const [, setTick] = (0, _react.useState)(0);
+  const bump = () => setTick(t => t + 1);
+  const emit = next => {
+    onChange({
+      strokes: next,
+      isEmpty: next.length === 0
+    });
+  };
+  const pan = (0, _react.useRef)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.label, labelStyle],
+        children: [label, required ? ' *' : '']
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), renderClear ? renderClear({
+        clear,
+        isEmpty: allStrokes.length === 0
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: clear,
+        disabled: disabled || allStrokes.length === 0,
+        hitSlop: 8,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.clear,
+          children: clearLabel
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.pad, {
+        height
+      }],
+      ...pan.panHandlers,
+      children: [allStrokes.map((stroke, si) => stroke.slice(1).map((point, pi) => /*#__PURE__*/(0, _jsxRuntime.jsx)(SignatureSegment, {
+        p1: stroke[pi],
+        p2: point,
+        color: color,
+        thickness: strokeWidth
+      }, `${si}-${pi}`))), allStrokes.length === 0 ? renderPlaceholder ? renderPlaceholder() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.placeholder,
+        pointerEvents: "none",
+        children: placeholder
+      }) : null]
+    }), errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.error,
+      children: errorText
+    }) : helperText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.helper,
+      children: helperText
+    }) : null]
+  });
+}
+function createStyles(theme, hasError, disabled) {
+  return _reactNative.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/commonjs/components/FieldFlowSignature/FieldFlowSignature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SignatureSegment","p1","p2","color","thickness","dx","x","dy","y","len","Math","sqrt","angle","atan2","PI","jsx","View","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","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","colors","text","strokes","strokesRef","useRef","current","currentRef","setTick","useState","bump","emit","next","isEmpty","length","pan","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","nativeEvent","locationX","locationY","onPanResponderMove","onPanResponderRelease","allStrokes","clear","jsxs","wrap","children","header","Text","Pressable","onPress","hitSlop","pad","panHandlers","map","stroke","si","slice","point","pi","error","helper","hasError","StyleSheet","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/commonjs/components/FieldFlowSignature/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowSignature", {
+  enumerable: true,
+  get: function () {
+    return _FieldFlowSignature.FieldFlowSignature;
+  }
+});
+var _FieldFlowSignature = require("./FieldFlowSignature");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldFlowSignature","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSignature/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowSkeleton = FieldFlowSkeleton;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _useReducedMotion = require("../../motion/useReducedMotion");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+/**
+ * Soft shimmer placeholders while a form hydrates (draft / API).
+ */
+function FieldFlowSkeleton({
+  count = 3,
+  variant = 'outlined',
+  showLabels = true,
+  lastMultiline = false,
+  containerStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = (0, _ThemeProvider.useFieldFlowTheme)();
+  const theme = (0, _react.useMemo)(() => themeOverride ? (0, _ThemeProvider.mergeDeep)(contextTheme ?? _defaultTheme.defaultTheme, themeOverride) : contextTheme ?? _defaultTheme.defaultTheme, [contextTheme, themeOverride]);
+  const styles = (0, _react.useMemo)(() => createStyles(theme, variant), [theme, variant]);
+  const reducedMotion = (0, _useReducedMotion.useReducedMotion)();
+  const pulse = (0, _react.useRef)(new _reactNative.Animated.Value(0.45)).current;
+  (0, _react.useEffect)(() => {
+    if (reducedMotion) {
+      pulse.setValue(0.55);
+      return;
+    }
+    const loop = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(pulse, {
+      toValue: 0.9,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(pulse, {
+      toValue: 0.45,
+      duration: 700,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      useNativeDriver: true
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [reducedMotion, pulse]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    accessibilityLabel: "Loading form",
+    children: Array.from({
+      length: count
+    }, (_, i) => {
+      const tall = lastMultiline && i === count - 1;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.item,
+        children: [showLabels ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: [styles.label, {
+            opacity: pulse
+          }]
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: [styles.field, tall && styles.fieldTall, {
+            opacity: pulse
+          }]
+        })]
+      }, i);
+    })
+  });
+}
+function createStyles(theme, variant) {
+  const height = theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6 + (variant === 'floating' ? 6 : 0);
+  return _reactNative.StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap
+    },
+    item: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    label: {
+      width: '32%',
+      height: theme.typography.labelFontSize,
+      borderRadius: 4,
+      backgroundColor: theme.colors.backgroundDisabled,
+      marginBottom: theme.spacing.gap
+    },
+    field: {
+      height,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderWidth: _reactNative.StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border
+    },
+    fieldTall: {
+      height: 88
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSkeleton.js.map

package/lib/commonjs/components/FieldFlowSkeleton/FieldFlowSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeProvider","_defaultTheme","_useReducedMotion","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldFlowSkeleton","count","variant","showLabels","lastMultiline","containerStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","reducedMotion","useReducedMotion","pulse","useRef","Animated","Value","current","useEffect","setValue","loop","sequence","timing","toValue","duration","easing","Easing","inOut","quad","useNativeDriver","start","stop","jsx","View","style","wrap","accessibilityLabel","children","Array","from","length","_","tall","jsxs","item","label","opacity","field","fieldTall","height","spacing","paddingVertical","typography","fontSize","StyleSheet","create","marginBottom","gap","width","labelFontSize","borderRadius","backgroundColor","colors","backgroundDisabled","borderWidth","hairlineWidth","borderColor","border"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSkeleton/FieldFlowSkeleton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAiE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiBjE;AACA;AACA;AACO,SAASkB,iBAAiBA,CAAC;EAChCC,KAAK,GAAG,CAAC;EACTC,OAAO,GAAG,UAAU;EACpBC,UAAU,GAAG,IAAI;EACjBC,aAAa,GAAG,KAAK;EACrBC,cAAc;EACdC,KAAK,EAAEC,aAAa;EACpBC;AACsB,CAAC,EAAE;EACzB,MAAMC,YAAY,GAAG,IAAAC,gCAAiB,EAAC,CAAC;EACxC,MAAMJ,KAAK,GAAG,IAAAK,cAAO,EACnB,MAAOJ,aAAa,GAAG,IAAAK,wBAAS,EAACH,YAAY,IAAII,0BAAY,EAAEN,aAAa,CAAC,GAAGE,YAAY,IAAII,0BAAa,EAC7G,CAACJ,YAAY,EAAEF,aAAa,CAC9B,CAAC;EACD,MAAMO,MAAM,GAAG,IAAAH,cAAO,EAAC,MAAMI,YAAY,CAACT,KAAK,EAAEJ,OAAO,CAAC,EAAE,CAACI,KAAK,EAAEJ,OAAO,CAAC,CAAC;EAC5E,MAAMc,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,MAAMC,KAAK,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,IAAI,CAAC,CAAC,CAACC,OAAO;EAEtD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIP,aAAa,EAAE;MACjBE,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC;MACpB;IACF;IACA,MAAMC,IAAI,GAAGL,qBAAQ,CAACK,IAAI,CACxBL,qBAAQ,CAACM,QAAQ,CAAC,CAChBN,qBAAQ,CAACO,MAAM,CAACT,KAAK,EAAE;MACrBU,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,IAAI,CAAC;MACjCC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFd,qBAAQ,CAACO,MAAM,CAACT,KAAK,EAAE;MACrBU,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,IAAI,CAAC;MACjCC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CAAC;IACDT,IAAI,CAACU,KAAK,CAAC,CAAC;IACZ,OAAO,MAAMV,IAAI,CAACW,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACpB,aAAa,EAAEE,KAAK,CAAC,CAAC;EAE1B,oBACE,IAAAtC,WAAA,CAAAyD,GAAA,EAAC7D,YAAA,CAAA8D,IAAI;IAACC,KAAK,EAAE,CAACzB,MAAM,CAAC0B,IAAI,EAAEnC,cAAc,CAAE;IAACG,MAAM,EAAEA,MAAO;IAACiC,kBAAkB,EAAC,cAAc;IAAAC,QAAA,EAC1FC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAE5C;IAAM,CAAC,EAAE,CAAC6C,CAAC,EAAE1D,CAAC,KAAK;MACvC,MAAM2D,IAAI,GAAG3C,aAAa,IAAIhB,CAAC,KAAKa,KAAK,GAAG,CAAC;MAC7C,oBACE,IAAArB,WAAA,CAAAoE,IAAA,EAACxE,YAAA,CAAA8D,IAAI;QAASC,KAAK,EAAEzB,MAAM,CAACmC,IAAK;QAAAP,QAAA,GAC9BvC,UAAU,gBAAG,IAAAvB,WAAA,CAAAyD,GAAA,EAAC7D,YAAA,CAAA4C,QAAQ,CAACkB,IAAI;UAACC,KAAK,EAAE,CAACzB,MAAM,CAACoC,KAAK,EAAE;YAAEC,OAAO,EAAEjC;UAAM,CAAC;QAAE,CAAE,CAAC,GAAG,IAAI,eACjF,IAAAtC,WAAA,CAAAyD,GAAA,EAAC7D,YAAA,CAAA4C,QAAQ,CAACkB,IAAI;UAACC,KAAK,EAAE,CAACzB,MAAM,CAACsC,KAAK,EAAEL,IAAI,IAAIjC,MAAM,CAACuC,SAAS,EAAE;YAAEF,OAAO,EAAEjC;UAAM,CAAC;QAAE,CAAE,CAAC;MAAA,GAF7E9B,CAGL,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,SAAS2B,YAAYA,CAACT,KAAqB,EAAEJ,OAAyB,EAAE;EACtE,MAAMoD,MAAM,GACVhD,KAAK,CAACiD,OAAO,CAACC,eAAe,GAAG,CAAC,GAAGlD,KAAK,CAACmD,UAAU,CAACC,QAAQ,GAAG,CAAC,IAAIxD,OAAO,KAAK,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EACtG,OAAOyD,uBAAU,CAACC,MAAM,CAAC;IACvBpB,IAAI,EAAE;MAAEqB,YAAY,EAAEvD,KAAK,CAACiD,OAAO,CAACO;IAAI,CAAC;IACzCb,IAAI,EAAE;MAAEY,YAAY,EAAEvD,KAAK,CAACiD,OAAO,CAACO,GAAG,GAAG;IAAE,CAAC;IAC7CZ,KAAK,EAAE;MACLa,KAAK,EAAE,KAAK;MACZT,MAAM,EAAEhD,KAAK,CAACmD,UAAU,CAACO,aAAa;MACtCC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE5D,KAAK,CAAC6D,MAAM,CAACC,kBAAkB;MAChDP,YAAY,EAAEvD,KAAK,CAACiD,OAAO,CAACO;IAC9B,CAAC;IACDV,KAAK,EAAE;MACLE,MAAM;MACNW,YAAY,EAAE3D,KAAK,CAACiD,OAAO,CAACU,YAAY;MACxCC,eAAe,EAAE5D,KAAK,CAAC6D,MAAM,CAACC,kBAAkB;MAChDC,WAAW,EAAEV,uBAAU,CAACW,aAAa;MACrCC,WAAW,EAAEjE,KAAK,CAAC6D,MAAM,CAACK;IAC5B,CAAC;IACDnB,SAAS,EAAE;MAAEC,MAAM,EAAE;IAAG;EAC1B,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldFlowSkeleton", {
+  enumerable: true,
+  get: function () {
+    return _FieldFlowSkeleton.FieldFlowSkeleton;
+  }
+});
+var _FieldFlowSkeleton = require("./FieldFlowSkeleton");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/FieldFlowSkeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FieldFlowSkeleton","require"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSkeleton/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}