rn-inputforge 0.4.0 → 0.5.0

package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowSlider = FieldFlowSlider;
+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 clamp(n, min, max) {
+  return Math.min(max, Math.max(min, n));
+}
+function snap(n, min, max, step) {
+  const raw = Math.round((n - min) / step) * step + min;
+  return clamp(Number(raw.toFixed(6)), min, max);
+}
+function FieldFlowSlider({
+  value,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  label,
+  helperText,
+  errorText,
+  disabled,
+  required,
+  showValue = true,
+  formatValue,
+  renderThumb,
+  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 [width, setWidth] = (0, _react.useState)(0);
+  const widthRef = (0, _react.useRef)(0);
+  const valueRef = (0, _react.useRef)(value);
+  valueRef.current = value;
+  const ratio = max === min ? 0 : (clamp(value, min, max) - min) / (max - min);
+  const updateFromX = x => {
+    if (widthRef.current <= 0 || disabled) return;
+    const r = clamp(x / widthRef.current, 0, 1);
+    const next = snap(min + r * (max - min), min, max, step);
+    if (next !== valueRef.current) onChange(next);
+  };
+  const pan = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabled,
+    onMoveShouldSetPanResponder: () => !disabled,
+    onPanResponderGrant: e => updateFromX(e.nativeEvent.locationX),
+    onPanResponderMove: e => updateFromX(e.nativeEvent.locationX)
+  })).current;
+  const onLayout = e => {
+    const w = e.nativeEvent.layout.width;
+    widthRef.current = w;
+    setWidth(w);
+  };
+  const display = formatValue ? formatValue(value) : String(value);
+  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, {}), showValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.value,
+        children: display
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.track,
+      onLayout: onLayout,
+      ...pan.panHandlers,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.trackBg
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.fill, {
+          width: Math.max(0, ratio * width)
+        }]
+      }), renderThumb ? renderThumb({
+        value,
+        ratio,
+        style: {
+          ...styles.thumb,
+          left: Math.max(0, ratio * width - 10)
+        }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.thumb, {
+          left: Math.max(0, ratio * width - 10)
+        }]
+      })]
+    }), 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',
+      marginBottom: theme.spacing.gap
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      color: hasError ? theme.colors.error : theme.colors.label,
+      fontWeight: '500'
+    },
+    value: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: '600',
+      color: theme.colors.text
+    },
+    track: {
+      height: 28,
+      justifyContent: 'center'
+    },
+    trackBg: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      height: 6,
+      borderRadius: 3,
+      backgroundColor: theme.colors.backgroundDisabled
+    },
+    fill: {
+      position: 'absolute',
+      left: 0,
+      height: 6,
+      borderRadius: 3,
+      backgroundColor: theme.colors.borderFocused
+    },
+    thumb: {
+      position: 'absolute',
+      width: 20,
+      height: 20,
+      borderRadius: 10,
+      backgroundColor: theme.colors.background,
+      borderWidth: 2,
+      borderColor: theme.colors.borderFocused,
+      top: 4,
+      shadowColor: '#000',
+      shadowOpacity: 0.12,
+      shadowRadius: 3,
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      elevation: 2
+    },
+    helper: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label
+    },
+    error: {
+      marginTop: 6,
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowSlider.js.map

package/lib/commonjs/components/FieldFlowSlider/FieldFlowSlider.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","clamp","min","max","Math","snap","step","raw","round","Number","toFixed","FieldFlowSlider","value","onChange","label","helperText","errorText","disabled","required","showValue","formatValue","renderThumb","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","Boolean","width","setWidth","useState","widthRef","useRef","valueRef","current","ratio","updateFromX","x","next","pan","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","nativeEvent","locationX","onPanResponderMove","onLayout","w","layout","display","String","jsxs","View","style","wrap","children","header","Text","jsx","track","panHandlers","trackBg","fill","thumb","left","error","helper","hasError","StyleSheet","marginBottom","spacing","gap","opacity","flexDirection","justifyContent","fontSize","typography","labelFontSize","color","colors","fontWeight","text","height","position","right","borderRadius","backgroundColor","backgroundDisabled","borderFocused","background","borderWidth","borderColor","top","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","marginTop","helperFontSize"],"sourceRoot":"../../../../src","sources":["components/FieldFlowSlider/FieldFlowSlider.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowStepper = FieldFlowStepper;
+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 FieldFlowStepper({
+  steps,
+  stepIndex,
+  onStepPress,
+  allowJumpBack = true,
+  showLabels = true,
+  headerRight,
+  renderStep,
+  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), [theme]);
+  const progress = steps.length <= 1 ? 1 : Math.min(1, Math.max(0, stepIndex / (steps.length - 1)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.wrap, containerStyle],
+    testID: testID,
+    children: [headerRight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.headerRow,
+      children: headerRight
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.track,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.trackFill, {
+          flex: progress
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: Math.max(0.0001, 1 - progress)
+        }
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      children: steps.map((step, index) => {
+        const done = index < stepIndex;
+        const active = index === stepIndex;
+        const canPress = Boolean(onStepPress) && (allowJumpBack ? index <= stepIndex : false);
+        const onPress = () => {
+          if (canPress) onStepPress?.(index);
+        };
+        if (renderStep) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: renderStep({
+              step,
+              index,
+              active,
+              done,
+              canPress,
+              onPress
+            })
+          }, step.id);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          disabled: !canPress,
+          onPress: onPress,
+          style: styles.item,
+          accessibilityRole: "button",
+          accessibilityState: {
+            selected: active,
+            disabled: !canPress
+          },
+          accessibilityLabel: step.title,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.dot, done && styles.dotDone, active && styles.dotActive],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.dotText, done && styles.dotTextOnFill, active && !done && styles.dotTextActive],
+              children: done ? '✓' : index + 1
+            })
+          }), showLabels ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.label, active && styles.labelActive, labelStyle],
+            numberOfLines: 2,
+            children: step.title
+          }) : null]
+        }, step.id);
+      })
+    })]
+  });
+}
+function createStyles(theme) {
+  return _reactNative.StyleSheet.create({
+    wrap: {
+      marginBottom: theme.spacing.gap * 2.5
+    },
+    headerRow: {
+      alignItems: 'flex-end',
+      marginBottom: theme.spacing.gap
+    },
+    track: {
+      flexDirection: 'row',
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: theme.colors.backgroundDisabled,
+      marginBottom: theme.spacing.gap * 1.5,
+      overflow: 'hidden'
+    },
+    trackFill: {
+      backgroundColor: theme.colors.borderFocused,
+      borderRadius: 2
+    },
+    row: {
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    item: {
+      flex: 1,
+      alignItems: 'center',
+      paddingHorizontal: 2
+    },
+    dot: {
+      width: 28,
+      height: 28,
+      borderRadius: 14,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      backgroundColor: theme.colors.background,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginBottom: 6
+    },
+    dotDone: {
+      backgroundColor: theme.colors.borderFocused,
+      borderColor: theme.colors.borderFocused
+    },
+    dotActive: {
+      borderColor: theme.colors.borderFocused,
+      borderWidth: theme.spacing.borderWidthFocused
+    },
+    dotText: {
+      fontSize: 12,
+      fontWeight: '600',
+      color: theme.colors.label
+    },
+    dotTextOnFill: {
+      color: '#fff'
+    },
+    dotTextActive: {
+      color: theme.colors.borderFocused
+    },
+    label: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      textAlign: 'center',
+      fontFamily: theme.typography.fontFamily
+    },
+    labelActive: {
+      color: theme.colors.text,
+      fontWeight: '600'
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowStepper.js.map

package/lib/commonjs/components/FieldFlowStepper/FieldFlowStepper.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","FieldFlowStepper","steps","stepIndex","onStepPress","allowJumpBack","showLabels","headerRight","renderStep","containerStyle","labelStyle","theme","themeOverride","testID","contextTheme","useFieldFlowTheme","useMemo","mergeDeep","defaultTheme","styles","createStyles","progress","length","Math","min","max","jsxs","View","style","wrap","children","jsx","headerRow","track","trackFill","flex","row","map","step","index","done","active","canPress","Boolean","onPress","Fragment","id","Pressable","disabled","item","accessibilityRole","accessibilityState","selected","accessibilityLabel","title","dot","dotDone","dotActive","Text","dotText","dotTextOnFill","dotTextActive","label","labelActive","numberOfLines","StyleSheet","create","marginBottom","spacing","gap","alignItems","flexDirection","height","borderRadius","backgroundColor","colors","backgroundDisabled","overflow","borderFocused","justifyContent","paddingHorizontal","width","borderWidth","borderColor","border","background","borderWidthFocused","fontSize","fontWeight","color","typography","helperFontSize","textAlign","fontFamily","text"],"sourceRoot":"../../../../src","sources":["components/FieldFlowStepper/FieldFlowStepper.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/commonjs/components/FieldFlowTags/FieldFlowTags.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldFlowTags = FieldFlowTags;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _ThemeProvider = require("../../theme/ThemeProvider");
+var _defaultTheme = require("../../theme/defaultTheme");
+var _useFieldState = require("../../hooks/useFieldState");
+var _styles = require("../FieldFlowInput/styles");
+var _icons = require("../../icons");
+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); }
+/**
+ * Multi-value chip / tags input — skills, interests, keywords.
+ * Type a value and press Enter or comma to commit.
+ */
+function FieldFlowTags({
+  value,
+  onChange,
+  label,
+  placeholder = 'Add a tag…',
+  helperText,
+  errorText,
+  hasError,
+  disabled,
+  required,
+  maxTags,
+  maxTagLength = 32,
+  separators = [',', 'enter'],
+  allowDuplicates = false,
+  transformTag = raw => raw.trim(),
+  leftIcon = 'hash',
+  variant = 'outlined',
+  containerStyle,
+  inputContainerStyle,
+  tagStyle,
+  tagTextStyle,
+  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 tags = value ?? [];
+  const [draft, setDraft] = (0, _react.useState)('');
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const state = (0, _useFieldState.useFieldState)({
+    isFocused: focused,
+    hasError: Boolean(hasError || errorText),
+    disabled
+  });
+  const styles = (0, _react.useMemo)(() => createStyles(theme, state, variant), [theme, state, variant]);
+  const atMax = maxTags !== undefined && tags.length >= maxTags;
+  const commit = (0, _react.useCallback)(raw => {
+    const next = transformTag(raw).slice(0, maxTagLength);
+    if (!next) {
+      setDraft('');
+      return;
+    }
+    if (atMax) {
+      setDraft('');
+      return;
+    }
+    if (!allowDuplicates && tags.some(t => t.toLowerCase() === next.toLowerCase())) {
+      setDraft('');
+      return;
+    }
+    onChange([...tags, next]);
+    setDraft('');
+  }, [allowDuplicates, atMax, maxTagLength, onChange, tags, transformTag]);
+  const removeAt = (0, _react.useCallback)(index => {
+    if (disabled) return;
+    onChange(tags.filter((_, i) => i !== index));
+  }, [disabled, onChange, tags]);
+  const onChangeText = (0, _react.useCallback)(text => {
+    if (separators.includes(',') && text.includes(',')) {
+      const parts = text.split(',');
+      const last = parts.pop() ?? '';
+      for (const part of parts) commit(part);
+      setDraft(last);
+      return;
+    }
+    if (separators.includes(' ') && text.endsWith(' ') && text.trim()) {
+      commit(text);
+      return;
+    }
+    setDraft(text.slice(0, maxTagLength));
+  }, [commit, maxTagLength, separators]);
+  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.inputContainer, inputContainerStyle],
+      children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.iconSlot,
+        children: (0, _icons.renderFieldFlowIcon)(leftIcon, theme.colors.icon, 16)
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.chips,
+        children: [tags.map((tag, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          onPress: () => removeAt(index),
+          disabled: disabled,
+          style: [styles.tag, tagStyle],
+          accessibilityRole: "button",
+          accessibilityLabel: `Remove ${tag}`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.tagText, tagTextStyle],
+            numberOfLines: 1,
+            children: tag
+          }), !disabled ? (0, _icons.renderFieldFlowIcon)('clear', theme.colors.icon, 10) : null]
+        }, `${tag}-${index}`)), !atMax && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          value: draft,
+          onChangeText: onChangeText,
+          onFocus: () => setFocused(true),
+          onBlur: () => {
+            setFocused(false);
+            if (draft.trim()) commit(draft);
+          },
+          onSubmitEditing: () => {
+            if (separators.includes('enter')) commit(draft);
+          },
+          placeholder: tags.length === 0 ? placeholder : '',
+          placeholderTextColor: theme.colors.placeholder,
+          editable: !disabled,
+          style: styles.input,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          blurOnSubmit: false,
+          returnKeyType: "done",
+          accessibilityLabel: label ?? 'Tags'
+        }) : null]
+      })]
+    }), (helperText || errorText || maxTags !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.footer,
+      children: [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
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {}), maxTags !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.counter,
+        children: [tags.length, "/", maxTags]
+      }) : null]
+    })]
+  });
+}
+function createStyles(theme, state, variant) {
+  const isUnderline = variant === 'underline';
+  const isFilled = variant === 'filled';
+  const borderW = state === 'focused' ? theme.spacing.borderWidthFocused : theme.spacing.borderWidth;
+  return _reactNative.StyleSheet.create({
+    wrapper: {
+      marginBottom: theme.spacing.gap * 2
+    },
+    label: {
+      fontSize: theme.typography.labelFontSize,
+      marginBottom: theme.spacing.gap / 1.5,
+      color: (0, _styles.labelColorFor)(theme, state),
+      fontWeight: '500',
+      fontFamily: theme.typography.fontFamily
+    },
+    inputContainer: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      backgroundColor: state === 'disabled' ? theme.colors.backgroundDisabled : isFilled ? theme.colors.backgroundDisabled : isUnderline ? 'transparent' : theme.colors.background,
+      borderRadius: isUnderline ? 0 : theme.spacing.borderRadius,
+      borderWidth: isUnderline ? 0 : isFilled ? 0 : borderW,
+      borderBottomWidth: isUnderline ? borderW + (state === 'focused' ? 0.5 : 0) : isFilled ? 0 : borderW,
+      borderColor: (0, _styles.borderColorFor)(theme, state),
+      paddingHorizontal: theme.spacing.paddingHorizontal,
+      paddingVertical: theme.spacing.paddingVertical / 1.5,
+      minHeight: theme.spacing.paddingVertical * 2 + theme.typography.fontSize + 6
+    },
+    iconSlot: {
+      marginRight: theme.spacing.gap,
+      marginTop: 6
+    },
+    chips: {
+      flex: 1,
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: 6
+    },
+    tag: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingHorizontal: 10,
+      paddingVertical: 5,
+      borderRadius: 999,
+      backgroundColor: theme.colors.backgroundDisabled,
+      borderWidth: theme.spacing.borderWidth,
+      borderColor: theme.colors.border,
+      maxWidth: '100%'
+    },
+    tagText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.text,
+      fontFamily: theme.typography.fontFamily,
+      maxWidth: 160
+    },
+    input: {
+      flexGrow: 1,
+      minWidth: 96,
+      fontSize: theme.typography.fontSize,
+      color: theme.colors.text,
+      paddingVertical: 4,
+      fontFamily: theme.typography.fontFamily
+    },
+    footer: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginTop: theme.spacing.gap / 1.5
+    },
+    helperText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      flex: 1
+    },
+    errorText: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.error,
+      flex: 1
+    },
+    counter: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.placeholder,
+      marginLeft: theme.spacing.gap
+    }
+  });
+}
+//# sourceMappingURL=FieldFlowTags.js.map