rn-inputforge 0.4.0 → 0.5.1

package/lib/module/components/FieldFlowFormHeader/FieldFlowFormHeader.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { surfaceShadow } from '../../theme/appearance';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Calm visual intro for a form screen — title, subtitle, illustration, optional progress.
+ */
+export function FieldFlowFormHeader({
+  title,
+  subtitle,
+  illustration,
+  progress,
+  elevated = true,
+  containerStyle,
+  titleStyle,
+  subtitleStyle,
+  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 clamped = progress == null ? null : Math.min(1, Math.max(0, progress));
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [illustration ? /*#__PURE__*/_jsx(View, {
+      style: styles.illustration,
+      children: illustration
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      style: [styles.title, titleStyle],
+      children: title
+    }), subtitle ? /*#__PURE__*/_jsx(Text, {
+      style: [styles.subtitle, subtitleStyle],
+      children: subtitle
+    }) : null, clamped != null ? /*#__PURE__*/_jsxs(View, {
+      style: styles.track,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.fill, {
+          flex: Math.max(0.001, clamped)
+        }]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: Math.max(0.001, 1 - clamped)
+        }
+      })]
+    }) : null]
+  });
+}
+function createStyles(theme, elevated) {
+  return StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap * 2.5,
+      padding: theme.spacing.paddingHorizontal + 4,
+      borderRadius: theme.spacing.borderRadius + 4,
+      backgroundColor: elevated ? theme.colors.surfaceElevated ?? theme.colors.background : 'transparent',
+      borderWidth: elevated ? StyleSheet.hairlineWidth : 0,
+      borderColor: theme.colors.border,
+      ...(elevated ? surfaceShadow('soft') ?? {} : null)
+    },
+    illustration: {
+      marginBottom: theme.spacing.gap * 1.5,
+      alignItems: 'flex-start'
+    },
+    title: {
+      fontSize: theme.typography.fontSize + 8,
+      fontWeight: '700',
+      color: theme.colors.text,
+      letterSpacing: -0.3,
+      fontFamily: theme.typography.fontFamily
+    },
+    subtitle: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize + 1,
+      color: theme.colors.label,
+      lineHeight: theme.typography.helperFontSize + 8,
+      fontFamily: theme.typography.fontFamily
+    },
+    track: {
+      flexDirection: 'row',
+      height: 4,
+      borderRadius: 2,
+      overflow: 'hidden',
+      backgroundColor: theme.colors.backgroundDisabled,
+      marginTop: theme.spacing.gap * 1.5
+    },
+    fill: {
+      backgroundColor: theme.colors.borderFocused,
+      borderRadius: 2
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowFormHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","surfaceShadow","jsx","_jsx","jsxs","_jsxs","FieldFlowFormHeader","title","subtitle","illustration","progress","elevated","containerStyle","titleStyle","subtitleStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","clamped","Math","min","max","style","wrap","children","track","fill","flex","create","marginBottom","spacing","gap","padding","paddingHorizontal","borderRadius","backgroundColor","colors","surfaceElevated","background","borderWidth","hairlineWidth","borderColor","border","alignItems","fontSize","typography","fontWeight","color","text","letterSpacing","fontFamily","marginTop","helperFontSize","label","lineHeight","flexDirection","height","overflow","backgroundDisabled","borderFocused"],"sourceRoot":"../../../../src","sources":["components/FieldFlowFormHeader/FieldFlowFormHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACrF,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,2BAA2B;AACxE,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,aAAa,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBvD;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,QAAQ,GAAG,IAAI;EACfC,cAAc;EACdC,UAAU;EACVC,aAAa;EACbC,KAAK,EAAEC,aAAa;EACpBC;AACwB,CAAC,EAAE;EAC3B,MAAMC,YAAY,GAAGpB,iBAAiB,CAAC,CAAC;EACxC,MAAMiB,KAAK,GAAGrB,OAAO,CACnB,MAAOsB,aAAa,GAAGjB,SAAS,CAACmB,YAAY,IAAIlB,YAAY,EAAEgB,aAAa,CAAC,GAAGE,YAAY,IAAIlB,YAAa,EAC7G,CAACkB,YAAY,EAAEF,aAAa,CAC9B,CAAC;EACD,MAAMG,MAAM,GAAGzB,OAAO,CAAC,MAAM0B,YAAY,CAACL,KAAK,EAAEJ,QAAQ,CAAC,EAAE,CAACI,KAAK,EAAEJ,QAAQ,CAAC,CAAC;EAC9E,MAAMU,OAAO,GAAGX,QAAQ,IAAI,IAAI,GAAG,IAAI,GAAGY,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEd,QAAQ,CAAC,CAAC;EAE5E,oBACEL,KAAA,CAACR,IAAI;IAAC4B,KAAK,EAAE,CAACN,MAAM,CAACO,IAAI,EAAEd,cAAc,CAAE;IAACK,MAAM,EAAEA,MAAO;IAAAU,QAAA,GACxDlB,YAAY,gBAAGN,IAAA,CAACN,IAAI;MAAC4B,KAAK,EAAEN,MAAM,CAACV,YAAa;MAAAkB,QAAA,EAAElB;IAAY,CAAO,CAAC,GAAG,IAAI,eAC9EN,IAAA,CAACP,IAAI;MAAC6B,KAAK,EAAE,CAACN,MAAM,CAACZ,KAAK,EAAEM,UAAU,CAAE;MAAAc,QAAA,EAAEpB;IAAK,CAAO,CAAC,EACtDC,QAAQ,gBAAGL,IAAA,CAACP,IAAI;MAAC6B,KAAK,EAAE,CAACN,MAAM,CAACX,QAAQ,EAAEM,aAAa,CAAE;MAAAa,QAAA,EAAEnB;IAAQ,CAAO,CAAC,GAAG,IAAI,EAClFa,OAAO,IAAI,IAAI,gBACdhB,KAAA,CAACR,IAAI;MAAC4B,KAAK,EAAEN,MAAM,CAACS,KAAM;MAAAD,QAAA,gBACxBxB,IAAA,CAACN,IAAI;QAAC4B,KAAK,EAAE,CAACN,MAAM,CAACU,IAAI,EAAE;UAAEC,IAAI,EAAER,IAAI,CAACE,GAAG,CAAC,KAAK,EAAEH,OAAO;QAAE,CAAC;MAAE,CAAE,CAAC,eAClElB,IAAA,CAACN,IAAI;QAAC4B,KAAK,EAAE;UAAEK,IAAI,EAAER,IAAI,CAACE,GAAG,CAAC,KAAK,EAAE,CAAC,GAAGH,OAAO;QAAE;MAAE,CAAE,CAAC;IAAA,CACnD,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,SAASD,YAAYA,CAACL,KAAqB,EAAEJ,QAAiB,EAAE;EAC9D,OAAOhB,UAAU,CAACoC,MAAM,CAAC;IACvBL,IAAI,EAAE;MACJM,YAAY,EAAEjB,KAAK,CAACkB,OAAO,CAACC,GAAG,GAAG,GAAG;MACrCC,OAAO,EAAEpB,KAAK,CAACkB,OAAO,CAACG,iBAAiB,GAAG,CAAC;MAC5CC,YAAY,EAAEtB,KAAK,CAACkB,OAAO,CAACI,YAAY,GAAG,CAAC;MAC5CC,eAAe,EAAE3B,QAAQ,GACrBI,KAAK,CAACwB,MAAM,CAACC,eAAe,IAAIzB,KAAK,CAACwB,MAAM,CAACE,UAAU,GACvD,aAAa;MACjBC,WAAW,EAAE/B,QAAQ,GAAGhB,UAAU,CAACgD,aAAa,GAAG,CAAC;MACpDC,WAAW,EAAE7B,KAAK,CAACwB,MAAM,CAACM,MAAM;MAChC,IAAIlC,QAAQ,GAAGV,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IACnD,CAAC;IACDQ,YAAY,EAAE;MACZuB,YAAY,EAAEjB,KAAK,CAACkB,OAAO,CAACC,GAAG,GAAG,GAAG;MACrCY,UAAU,EAAE;IACd,CAAC;IACDvC,KAAK,EAAE;MACLwC,QAAQ,EAAEhC,KAAK,CAACiC,UAAU,CAACD,QAAQ,GAAG,CAAC;MACvCE,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEnC,KAAK,CAACwB,MAAM,CAACY,IAAI;MACxBC,aAAa,EAAE,CAAC,GAAG;MACnBC,UAAU,EAAEtC,KAAK,CAACiC,UAAU,CAACK;IAC/B,CAAC;IACD7C,QAAQ,EAAE;MACR8C,SAAS,EAAE,CAAC;MACZP,QAAQ,EAAEhC,KAAK,CAACiC,UAAU,CAACO,cAAc,GAAG,CAAC;MAC7CL,KAAK,EAAEnC,KAAK,CAACwB,MAAM,CAACiB,KAAK;MACzBC,UAAU,EAAE1C,KAAK,CAACiC,UAAU,CAACO,cAAc,GAAG,CAAC;MAC/CF,UAAU,EAAEtC,KAAK,CAACiC,UAAU,CAACK;IAC/B,CAAC;IACDzB,KAAK,EAAE;MACL8B,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,CAAC;MACTtB,YAAY,EAAE,CAAC;MACfuB,QAAQ,EAAE,QAAQ;MAClBtB,eAAe,EAAEvB,KAAK,CAACwB,MAAM,CAACsB,kBAAkB;MAChDP,SAAS,EAAEvC,KAAK,CAACkB,OAAO,CAACC,GAAG,GAAG;IACjC,CAAC;IACDL,IAAI,EAAE;MACJS,eAAe,EAAEvB,KAAK,CAACwB,MAAM,CAACuB,aAAa;MAC3CzB,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowInfoTip/FieldFlowInfoTip.js

@@ -0,0 +1,116 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { Modal, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import { renderFieldFlowIcon } from '../../icons/renderIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Soft “?” tip beside a label — keeps forms calm without permanent helper clutter.
+ */
+export function FieldFlowInfoTip({
+  tip,
+  title = 'About this field',
+  accessibilityLabel = 'More information',
+  containerStyle,
+  tipStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const styles = useMemo(() => createStyles(theme), [theme]);
+  const [open, setOpen] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    style: containerStyle,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setOpen(true),
+      hitSlop: 8,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      style: styles.trigger,
+      children: renderFieldFlowIcon('info', theme.colors.info, 14)
+    }), /*#__PURE__*/_jsxs(Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setOpen(false),
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.backdrop,
+        onPress: () => setOpen(false)
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.sheet,
+        accessibilityRole: "summary",
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          children: title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.body, tipStyle],
+          children: tip
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => setOpen(false),
+          style: styles.done,
+          accessibilityRole: "button",
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.doneText,
+            children: "Got it"
+          })
+        })]
+      })]
+    })]
+  });
+}
+function createStyles(theme) {
+  return StyleSheet.create({
+    trigger: {
+      width: 22,
+      height: 22,
+      borderRadius: 11,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: `${theme.colors.info}18`
+    },
+    backdrop: {
+      ...StyleSheet.absoluteFill,
+      backgroundColor: 'rgba(0,0,0,0.35)'
+    },
+    sheet: {
+      position: 'absolute',
+      left: 24,
+      right: 24,
+      top: '32%',
+      padding: 18,
+      borderRadius: theme.spacing.borderRadius + 4,
+      backgroundColor: theme.colors.surfaceElevated ?? theme.colors.background,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border
+    },
+    title: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: '700',
+      color: theme.colors.text,
+      marginBottom: 8
+    },
+    body: {
+      fontSize: theme.typography.helperFontSize + 1,
+      color: theme.colors.label,
+      lineHeight: theme.typography.helperFontSize + 8,
+      marginBottom: 16
+    },
+    done: {
+      alignSelf: 'flex-end',
+      paddingHorizontal: 14,
+      paddingVertical: 8,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: theme.colors.borderFocused
+    },
+    doneText: {
+      color: '#fff',
+      fontWeight: '700',
+      fontSize: theme.typography.helperFontSize + 1
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowInfoTip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Modal","Pressable","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","jsx","_jsx","jsxs","_jsxs","FieldFlowInfoTip","tip","title","accessibilityLabel","containerStyle","tipStyle","theme","themeOverride","testID","contextTheme","styles","createStyles","open","setOpen","style","children","onPress","hitSlop","accessibilityRole","trigger","colors","info","visible","transparent","animationType","onRequestClose","backdrop","sheet","body","done","doneText","create","width","height","borderRadius","alignItems","justifyContent","backgroundColor","absoluteFill","position","left","right","top","padding","spacing","surfaceElevated","background","borderWidth","hairlineWidth","borderColor","border","fontSize","typography","fontWeight","color","text","marginBottom","helperFontSize","label","lineHeight","alignSelf","paddingHorizontal","paddingVertical","borderFocused"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInfoTip/FieldFlowInfoTip.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/FieldFlowInlineAlert/FieldFlowInlineAlert.js

@@ -0,0 +1,137 @@
+"use strict";
+
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Calm inline banner — tips, soft warnings, success notes.
+ * Easy on the eyes; themeable tones.
+ */
+export function FieldFlowInlineAlert({
+  tone = 'info',
+  title,
+  message,
+  animated = true,
+  containerStyle,
+  titleStyle,
+  messageStyle,
+  theme: themeOverride,
+  testID
+}) {
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(() => themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme, [contextTheme, themeOverride]);
+  const reducedMotion = useReducedMotion();
+  const opacity = useRef(new Animated.Value(animated && !reducedMotion ? 0 : 1)).current;
+  const translate = useRef(new Animated.Value(animated && !reducedMotion ? 6 : 0)).current;
+  useEffect(() => {
+    if (!animated || reducedMotion) return;
+    Animated.parallel([Animated.timing(opacity, {
+      toValue: 1,
+      duration: theme.animation.duration + 80,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }), Animated.timing(translate, {
+      toValue: 0,
+      duration: theme.animation.duration + 80,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+  }, [animated, reducedMotion, opacity, translate, theme.animation.duration]);
+  const palette = toneColors(theme, tone);
+  const styles = useMemo(() => createStyles(theme, palette), [theme, palette]);
+  const icon = tone === 'success' ? 'check' : tone === 'error' || tone === 'warning' ? 'alert' : 'info';
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.wrap, containerStyle, {
+      opacity,
+      transform: [{
+        translateY: translate
+      }]
+    }],
+    testID: testID,
+    accessibilityRole: "text",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.icon,
+      children: renderFieldFlowIcon(icon, palette.fg, 16)
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.copy,
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, titleStyle],
+        children: title
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: [styles.message, messageStyle],
+        children: message
+      })]
+    })]
+  });
+}
+function toneColors(theme, tone) {
+  switch (tone) {
+    case 'success':
+      return {
+        fg: theme.colors.success,
+        bg: softBg(theme.colors.success)
+      };
+    case 'warning':
+      return {
+        fg: theme.colors.warning,
+        bg: softBg(theme.colors.warning)
+      };
+    case 'error':
+      return {
+        fg: theme.colors.error,
+        bg: softBg(theme.colors.error)
+      };
+    case 'neutral':
+      return {
+        fg: theme.colors.label,
+        bg: theme.colors.surfaceMuted
+      };
+    case 'info':
+    default:
+      return {
+        fg: theme.colors.info,
+        bg: softBg(theme.colors.info)
+      };
+  }
+}
+function softBg(hex) {
+  // Simple alpha wash without color lib — works for #RRGGBB
+  if (hex.startsWith('#') && hex.length === 7) return `${hex}18`;
+  return hex;
+}
+function createStyles(theme, palette) {
+  return StyleSheet.create({
+    wrap: {
+      flexDirection: 'row',
+      gap: 10,
+      padding: theme.spacing.paddingHorizontal,
+      borderRadius: theme.spacing.borderRadius,
+      backgroundColor: palette.bg,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: `${palette.fg}33`,
+      marginBottom: theme.spacing.gap * 2
+    },
+    icon: {
+      paddingTop: 2
+    },
+    copy: {
+      flex: 1
+    },
+    title: {
+      fontSize: theme.typography.helperFontSize + 1,
+      fontWeight: '600',
+      color: palette.fg,
+      marginBottom: 2
+    },
+    message: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.text,
+      lineHeight: theme.typography.helperFontSize + 6
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowInlineAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","Easing","StyleSheet","Text","View","useFieldFlowTheme","mergeDeep","defaultTheme","renderFieldFlowIcon","useReducedMotion","jsx","_jsx","jsxs","_jsxs","FieldFlowInlineAlert","tone","title","message","animated","containerStyle","titleStyle","messageStyle","theme","themeOverride","testID","contextTheme","reducedMotion","opacity","Value","current","translate","parallel","timing","toValue","duration","animation","easing","out","cubic","useNativeDriver","start","palette","toneColors","styles","createStyles","icon","style","wrap","transform","translateY","accessibilityRole","children","fg","copy","colors","success","bg","softBg","warning","error","label","surfaceMuted","info","hex","startsWith","length","create","flexDirection","gap","padding","spacing","paddingHorizontal","borderRadius","backgroundColor","borderWidth","hairlineWidth","borderColor","marginBottom","paddingTop","flex","fontSize","typography","helperFontSize","fontWeight","color","text","lineHeight"],"sourceRoot":"../../../../src","sources":["components/FieldFlowInlineAlert/FieldFlowInlineAlert.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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