@audira/carbon-react-native 0.0.1-alpha.1

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../_style-sheet/index.js");
+var _index2 = require("../../constants/index.js");
+var _index3 = require("../../styles/index.js");
+var _index4 = require("../checkbox-input/index.js");
+var _index5 = require("../form-label/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function Checkbox({
+  controlled,
+  value,
+  indeterminate,
+  interactiveState = 'normal',
+  label,
+  role = 'checkbox',
+  'aria-label': ariaLabel,
+  onChange,
+  onPress,
+  checkboxInputProps,
+  formLabelProps,
+  pressableProps,
+  style,
+  ...props
+}, forwardedRef) {
+  const checkboxInputRef = (0, _react.useRef)(null),
+    viewRef = (0, _react.useRef)(null),
+    pressHandler = (0, _react.useCallback)(event => {
+      onPress?.(event);
+      checkboxInputRef.current?.setValue((currentValue, indeterminate_) => {
+        if (indeterminate_ && currentValue) {
+          return true;
+        }
+        return !currentValue;
+      });
+    }, [onPress]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current ?? {}, {
+      get value() {
+        return checkboxInputRef.current.value;
+      },
+      setValue(value_) {
+        checkboxInputRef.current?.setValue(value_);
+      }
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...props,
+    "aria-label": ariaLabel || label,
+    style: [_index3.FlexStyle.flex_row, style],
+    ref: viewRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...pressableProps,
+      role: role,
+      disabled: interactiveState === 'disabled',
+      "aria-label": pressableProps?.['aria-label'] ?? label,
+      onPress: pressHandler,
+      style: [_index3.CommonStyle.absolute, _index3.CommonStyle.w_full, _index3.CommonStyle.h_full, baseStyle.pressable, pressableProps?.style]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.CheckboxInput, {
+      ...checkboxInputProps,
+      role: "none",
+      controlled: controlled,
+      value: value,
+      indeterminate: indeterminate,
+      interactiveState: interactiveState,
+      onChange: onChange,
+      onPress: onPress,
+      style: [baseStyle.checkboxInput, checkboxInputProps?.style],
+      ref: checkboxInputRef
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.FormLabel, {
+      ...formLabelProps,
+      label: label,
+      textProps: {
+        ...formLabelProps?.textProps,
+        type: formLabelProps?.textProps?.type || 'body_compact_01',
+        style: [textColorStyle[interactiveState], formLabelProps?.textProps?.style]
+      },
+      style: [baseStyle.label, formLabelProps?.style]
+    })]
+  });
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    pressable: {
+      zIndex: 1
+    },
+    checkboxInput: {
+      zIndex: 2
+    },
+    label: {
+      marginLeft: _index2.SpacingConstant.spacing_03
+    }
+  }),
+  textColorStyle = _index.StyleSheet.create(color => {
+    return {
+      normal: {
+        color: color.text_primary
+      },
+      disabled: {
+        color: color.text_disabled
+      },
+      error: {
+        color: color.text_primary
+      },
+      read_only: {
+        color: color.text_primary
+      },
+      warning: {
+        color: color.text_primary
+      }
+    };
+  });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_index5","_jsxRuntime","Checkbox","exports","forwardRef","controlled","value","indeterminate","interactiveState","label","role","ariaLabel","onChange","onPress","checkboxInputProps","formLabelProps","pressableProps","style","props","forwardedRef","checkboxInputRef","useRef","viewRef","pressHandler","useCallback","event","current","setValue","currentValue","indeterminate_","useImperativeHandle","Object","assign","value_","jsxs","View","FlexStyle","flex_row","ref","children","jsx","Pressable","disabled","CommonStyle","absolute","w_full","h_full","baseStyle","pressable","CheckboxInput","checkboxInput","FormLabel","textProps","type","textColorStyle","StyleSheet","create","zIndex","marginLeft","SpacingConstant","spacing_03","StyleSheetColor","color","normal","text_primary","text_disabled","error","read_only","warning"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAL,OAAA;AAOA,IAAAM,OAAA,GAAAN,OAAA;AAGsB,IAAAO,WAAA,GAAAP,OAAA;AA4Cf,MAAMQ,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EACjC,SAASF,QAAQA,CAChB;EACCG,UAAU;EACVC,KAAK;EACLC,aAAa;EACbC,gBAAgB,GAAG,QAAQ;EAC3BC,KAAK;EACLC,IAAI,GAAG,UAAU;EACjB,YAAY,EAAEC,SAAS;EACvBC,QAAQ;EACRC,OAAO;EACPC,kBAAkB;EAClBC,cAAc;EACdC,cAAc;EACdC,KAAK;EACL,GAAGC;AACJ,CAAC,EACDC,YAAY,EACX;EAED,MACCC,gBAAgB,GACf,IAAAC,aAAM,EAAmB,IAAI,CAAC;IAE/BC,OAAO,GACN,IAAAD,aAAM,EAAO,IAAI,CAAC;IAEnBE,YAAoD,GACnD,IAAAC,kBAAW,EAACC,KAAK,IAAI;MACpBZ,OAAO,GAAGY,KAAK,CAAC;MAChBL,gBAAgB,CAACM,OAAO,EAAEC,QAAQ,CACjC,CAACC,YAAY,EAAEC,cAAc,KAAK;QACjC,IAAGA,cAAc,IAAID,YAAY,EAAE;UAClC,OAAO,IAAI;QACZ;QACA,OAAO,CAACA,YAAY;MACrB,CACD,CAAC;IACF,CAAC,EAAE,CACFf,OAAO,CACP,CAAC;EAEJ,IAAAiB,0BAAmB,EAACX,YAAY,EAAE,MAAM;IACvC,OAAOY,MAAM,CAACC,MAAM,CAClBV,OAAO,CAACI,OAAO,IAAI,CAAC,CAAC,EACtB;MACC,IAAIpB,KAAKA,CAAA,EAAG;QACX,OAAOc,gBAAgB,CAACM,OAAO,CAAEpB,KAAK;MACvC,CAAC;MACDqB,QAAQA,CAACM,MAAM,EAAE;QAChBb,gBAAgB,CAACM,OAAO,EAAEC,QAAQ,CAACM,MAAM,CAAC;MAC3C;IACD,CACD,CAAC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACC,IAAAhC,WAAA,CAAAiC,IAAA,EAACvC,YAAA,CAAAwC,IAAI;IAAA,GACCjB,KAAK;IACV,cAAaP,SAAS,IAAIF,KAAO;IACjCQ,KAAK,EAAG,CACPmB,iBAAS,CAACC,QAAQ,EAClBpB,KAAK,CACH;IACHqB,GAAG,EAAGhB,OAAS;IAAAiB,QAAA,gBAEf,IAAAtC,WAAA,CAAAuC,GAAA,EAAC7C,YAAA,CAAA8C,SAAS;MAAA,GACJzB,cAAc;MACnBN,IAAI,EAAGA,IAAM;MACbgC,QAAQ,EAAGlC,gBAAgB,KAAK,UAAY;MAC5C,cAAaQ,cAAc,GAAG,YAAY,CAAC,IAAIP,KAAO;MACtDI,OAAO,EAAGU,YAAc;MACxBN,KAAK,EAAG,CACP0B,mBAAW,CAACC,QAAQ,EACpBD,mBAAW,CAACE,MAAM,EAClBF,mBAAW,CAACG,MAAM,EAClBC,SAAS,CAACC,SAAS,EACnBhC,cAAc,EAAEC,KAAK;IACnB,CACH,CAAC,eAEF,IAAAhB,WAAA,CAAAuC,GAAA,EAACzC,OAAA,CAAAkD,aAAa;MAAA,GACRnC,kBAAkB;MACvBJ,IAAI,EAAC,MAAM;MACXL,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;MACfC,aAAa,EAAGA,aAAe;MAC/BC,gBAAgB,EAAGA,gBAAkB;MACrCI,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA,OAAS;MACnBI,KAAK,EAAG,CACP8B,SAAS,CAACG,aAAa,EACvBpC,kBAAkB,EAAEG,KAAK,CACvB;MACHqB,GAAG,EAAGlB;IAAkB,CACxB,CAAC,eAEF,IAAAnB,WAAA,CAAAuC,GAAA,EAACxC,OAAA,CAAAmD,SAAS;MAAA,GACJpC,cAAc;MACnBN,KAAK,EAAGA,KAAO;MACf2C,SAAS,EAAE;QACV,GAAGrC,cAAc,EAAEqC,SAAS;QAC5BC,IAAI,EAAEtC,cAAc,EAAEqC,SAAS,EAAEC,IAAI,IAAI,iBAAiB;QAC1DpC,KAAK,EAAE,CACNqC,cAAc,CAAC9C,gBAAgB,CAAC,EAChCO,cAAc,EAAEqC,SAAS,EAAEnC,KAAK;MAElC,CAAE;MACFA,KAAK,EAAG,CACP8B,SAAS,CAACtC,KAAK,EACfM,cAAc,EAAEE,KAAK;IACnB,CACH,CAAC;EAAA,CACG,CAAC;AAGT,CACD,CAAC;AAED,MACC8B,SAAS,GACRQ,uBAAU,CAACC,MAAM,CAAC;IACjBR,SAAS,EAAE;MACVS,MAAM,EAAE;IACT,CAAC;IACDP,aAAa,EAAE;MACdO,MAAM,EAAE;IACT,CAAC;IACDhD,KAAK,EAAE;MACNiD,UAAU,EAAEC,uBAAe,CAACC;IAC7B;EACD,CAAC,CAAC;EAEHN,cAAc,GACbO,iBAAe,CAACL,MAAM,CAEpBM,KAAK,IAAI;IACV,OAAO;MACNC,MAAM,EAAE;QACPD,KAAK,EAAEA,KAAK,CAACE;MACd,CAAC;MACDtB,QAAQ,EAAE;QACToB,KAAK,EAAEA,KAAK,CAACG;MACd,CAAC;MACDC,KAAK,EAAE;QACNJ,KAAK,EAAEA,KAAK,CAACE;MACd,CAAC;MACDG,SAAS,EAAE;QACVL,KAAK,EAAEA,KAAK,CAACE;MACd,CAAC;MACDI,OAAO,EAAE;QACRN,KAAK,EAAEA,KAAK,CAACE;MACd;IACD,CAAC;EACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/checkbox-group/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroup = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _ = _interopRequireDefault(require("@carbon/icons/es/warning--alt--filled/16"));
+var _2 = _interopRequireDefault(require("@carbon/icons/es/warning--filled/16"));
+var _index = require("../../constants/index.js");
+var _index2 = require("../../contexts/index.js");
+var _index3 = require("../../styles/index.js");
+var _index4 = require("../checkbox/index.js");
+var _index5 = require("../form-label/index.js");
+var _index6 = require("../icon/index.js");
+var _index7 = require("../form-helper-text/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Component = /*#__PURE__*/(0, _react.forwardRef)(function CheckboxGroup({
+  orientation = 'vertical',
+  legend,
+  helperText,
+  helperTextMode,
+  helperTextModeIcon = true,
+  formHelperTextProps,
+  children,
+  style,
+  ...props
+}, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...props,
+    style: style,
+    ref: ref,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.FormLabel, {
+      label: legend,
+      style: baseStyle.legend
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [baseStyle.wrapper, wrapperOrientationStyle[orientation]],
+      children: children
+    }), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index7.FormHelperText, {
+      ...formHelperTextProps,
+      error: helperTextMode === 'error',
+      text: helperText,
+      textLeading: helperTextModeIcon && helperTextMode === 'error' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconErrorRenderer, {}) : helperTextModeIcon && helperTextMode === 'warning' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconWarningRenderer, {}) : formHelperTextProps?.textLeading,
+      style: [baseStyle.formHelperText, formHelperTextProps?.style]
+    })]
+  });
+});
+const CheckboxGroup = exports.CheckboxGroup = Object.assign(Component, {
+  Item: _index4.Checkbox
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    wrapper: {
+      columnGap: _index.SpacingConstant.spacing_05,
+      rowGap: _index.SpacingConstant.spacing_03
+    },
+    legend: {
+      marginBottom: _index.SpacingConstant.spacing_03
+    },
+    formHelperText: {
+      marginTop: _index.SpacingConstant.spacing_03
+    }
+  }),
+  wrapperOrientationStyle = _reactNative.StyleSheet.create({
+    vertical: {
+      flexDirection: 'column'
+    },
+    horizontal: {
+      ..._index3.FlexStyle.flex_wrap,
+      flexDirection: 'row'
+    }
+  });
+function IconErrorRenderer(props) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Icon, {
+    ...props,
+    src: _2.default,
+    fill: themeContext.color.support_error,
+    stroke: themeContext.color.background,
+    width: 18,
+    height: 18
+  });
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+_.default.content[0].attrs.fill = 'black';
+function IconWarningRenderer(props) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Icon, {
+    ...props,
+    src: _.default,
+    fill: themeContext.color.support_warning,
+    width: 18,
+    height: 18
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/checkbox-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_","_interopRequireDefault","_2","_index","_index2","_index3","_index4","_index5","_index6","_index7","_jsxRuntime","e","__esModule","default","Component","forwardRef","CheckboxGroup","orientation","legend","helperText","helperTextMode","helperTextModeIcon","formHelperTextProps","children","style","props","ref","jsxs","View","jsx","FormLabel","label","baseStyle","wrapper","wrapperOrientationStyle","FormHelperText","error","text","textLeading","IconErrorRenderer","IconWarningRenderer","formHelperText","exports","Object","assign","Item","Checkbox","StyleSheet","create","columnGap","SpacingConstant","spacing_05","rowGap","spacing_03","marginBottom","marginTop","vertical","flexDirection","horizontal","FlexStyle","flex_wrap","themeContext","useContext","ThemeContext","Icon","src","IconWarningFilled","fill","color","support_error","stroke","background","width","height","IconWarningAltFilled","content","attrs","support_warning"],"sourceRoot":"../../../../src","sources":["components/checkbox-group/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/checkbox-input/index.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../_style-sheet/index.js");
+var _index2 = require("../../contexts/index.js");
+var _index3 = require("../../styles/index.js");
+var _index4 = require("../icon/index.js");
+var _ = _interopRequireDefault(require("@carbon/icons/es/checkmark/20"));
+var _2 = _interopRequireDefault(require("@carbon/icons/es/subtract/20"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function CheckboxInput({
+  controlled,
+  value: valueProp,
+  indeterminate: indeterminateProp,
+  interactiveState = 'normal',
+  style,
+  role = 'checkbox',
+  onBlur,
+  onChange,
+  onFocus,
+  onPress,
+  ...props
+}, forwardedRef) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext),
+    viewRef = (0, _react.useRef)(null),
+    ref = (0, _react.useRef)({
+      isMounted: false,
+      value: !!valueProp
+    }),
+    [isFocused, setIsFocused] = (0, _react.useState)(false),
+    [state, setState] = (0, _react.useState)({
+      value: !!valueProp,
+      indeterminate: !!indeterminateProp
+    }),
+    value = controlled ? !!valueProp : state.value,
+    indeterminate = controlled ? indeterminateProp : state.indeterminate,
+    blurHandler = (0, _react.useCallback)(event => {
+      onBlur?.(event);
+      setIsFocused(false);
+    }, [onBlur]),
+    focusHandler = (0, _react.useCallback)(event => {
+      onFocus?.(event);
+      setIsFocused(true);
+    }, [onFocus]),
+    pressHandler = (0, _react.useCallback)(event => {
+      onPress?.(event);
+      if (!controlled && interactiveState !== 'read_only') {
+        setState(state_ => {
+          return {
+            value: state_.indeterminate ? true : !state_.value,
+            indeterminate: false
+          };
+        });
+      }
+    }, [controlled, interactiveState, onPress]),
+    iconColor = getIconColor(interactiveState, themeContext.color);
+  (0, _react.useEffect)(() => {
+    if (!ref.current.isMounted) {
+      ref.current.isMounted = true;
+    } else {
+      ref.current.value = value;
+      onChange?.(value);
+    }
+  }, [value, onChange]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current, {
+      get value() {
+        return ref.current.value;
+      },
+      setValue(value_) {
+        if (!controlled) {
+          setState(state_ => {
+            if (typeof value_ === 'function') {
+              ref.current.value = value_(state_.value, state_.indeterminate);
+            } else {
+              ref.current.value = value_;
+            }
+            return {
+              value: ref.current.value,
+              indeterminate: false
+            };
+          });
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...props,
+    disabled: interactiveState === 'disabled',
+    role: role,
+    onBlur: blurHandler,
+    onFocus: focusHandler,
+    onPress: pressHandler,
+    style: [_index3.FlexStyle.items_center, _index3.FlexStyle.justify_center, _index3.CommonStyle.relative, baseStyle.checkbox,
+    // getInteractiveStateStyle(interactiveState, value, themeContext.color),
+    getInteractiveStateStyle(interactiveState, value), style],
+    ref: viewRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index3.CommonStyle.absolute, _index3.CommonStyle.overflow_hidden, baseStyle.focusBox, isFocused ? {
+        borderColor: themeContext.color.focus
+      } : null]
+    }), value && indeterminate ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconSubtractComponent, {
+      color: iconColor,
+      stroke: iconColor
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(IconCheckmarkComponent, {
+      color: iconColor,
+      stroke: iconColor,
+      style: !value ? baseStyle.checkmarkHidden : null
+    })]
+  });
+});
+const size = 18,
+  iconSize = size - 4,
+  baseStyle = _reactNative.StyleSheet.create({
+    checkbox: {
+      width: size,
+      height: size,
+      borderWidth: 1
+    },
+    focusBox: {
+      width: size + 6,
+      height: size + 6,
+      borderRadius: 4,
+      borderWidth: 2,
+      borderColor: 'transparent'
+    },
+    checkmarkHidden: {
+      opacity: 0
+    }
+  }),
+  interactiveStyle = _index.StyleSheet.create(color => {
+    return {
+      normal_false: {
+        borderColor: color.icon_primary
+      },
+      normal_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.icon_primary
+      },
+      disabled_false: {
+        borderColor: color.icon_disabled
+      },
+      disabled_true: {
+        backgroundColor: color.icon_disabled,
+        borderColor: color.icon_disabled
+      },
+      error_false: {
+        borderColor: color.support_error
+      },
+      error_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.support_error
+      },
+      read_only_false: {
+        borderColor: color.icon_disabled
+      },
+      read_only_true: {
+        borderColor: color.icon_disabled
+      },
+      warning_false: {
+        borderColor: color.icon_primary
+      },
+      warning_true: {
+        backgroundColor: color.icon_primary,
+        borderColor: color.icon_primary
+      }
+    };
+  });
+function getInteractiveStateStyle(interactiveState, value) {
+  return interactiveStyle[`${interactiveState}_${value}`];
+}
+function getIconColor(interactiveState, color) {
+  if (interactiveState === 'read_only') {
+    return color.icon_primary;
+  }
+  return color.icon_inverse;
+}
+function IconCheckmarkComponent({
+  width = iconSize,
+  height = iconSize,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Icon, {
+    ...props,
+    src: _.default,
+    width: width,
+    height: height
+  });
+}
+function IconSubtractComponent({
+  width = iconSize,
+  height = iconSize,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Icon, {
+    ...props,
+    src: _2.default,
+    width: width,
+    height: height
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/checkbox-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_","_interopRequireDefault","_2","_jsxRuntime","e","__esModule","default","CheckboxInput","exports","forwardRef","controlled","value","valueProp","indeterminate","indeterminateProp","interactiveState","style","role","onBlur","onChange","onFocus","onPress","props","forwardedRef","themeContext","useContext","ThemeContext","viewRef","useRef","ref","isMounted","isFocused","setIsFocused","useState","state","setState","blurHandler","useCallback","event","focusHandler","pressHandler","state_","iconColor","getIconColor","color","useEffect","current","useImperativeHandle","Object","assign","setValue","value_","jsxs","Pressable","disabled","FlexStyle","items_center","justify_center","CommonStyle","relative","baseStyle","checkbox","getInteractiveStateStyle","children","jsx","View","absolute","overflow_hidden","focusBox","borderColor","focus","IconSubtractComponent","stroke","IconCheckmarkComponent","checkmarkHidden","size","iconSize","StyleSheet","create","width","height","borderWidth","borderRadius","opacity","interactiveStyle","StyleSheetColor","normal_false","icon_primary","normal_true","backgroundColor","disabled_false","icon_disabled","disabled_true","error_false","support_error","error_true","read_only_false","read_only_true","warning_false","warning_true","icon_inverse","Icon","src","IconCheckmark","IconSubtract"],"sourceRoot":"../../../../src","sources":["components/checkbox-input/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAL,OAAA;AAKA,IAAAM,CAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,EAAA,GAAAD,sBAAA,CAAAP,OAAA;AAAuD,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAqChD,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACtC,SAASF,aAAaA,CACrB;EACCG,UAAU;EACVC,KAAK,EAAEC,SAAS;EAChBC,aAAa,EAAEC,iBAAiB;EAChCC,gBAAgB,GAAG,QAAQ;EAC3BC,KAAK;EACLC,IAAI,GAAG,UAAU;EACjBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACP,GAAGC;AACJ,CAAC,EACDC,YAAY,EACX;EAED,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,oBAAY,CAAC;IAEzBC,OAAO,GACN,IAAAC,aAAM,EAAO,IAAI,CAAC;IAEnBC,GAAG,GACF,IAAAD,aAAM,EAAC;MACNE,SAAS,EAAE,KAAK;MAChBnB,KAAK,EAAE,CAAC,CAACC;IACV,CAAC,CAAC;IAEH,CAACmB,SAAS,EAAEC,YAAY,CAAC,GACxB,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAEhB,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAChB,IAAAF,eAAQ,EAAC;MACRtB,KAAK,EAAE,CAAC,CAACC,SAAS;MAClBC,aAAa,EAAE,CAAC,CAACC;IAClB,CAAC,CAAC;IAEHH,KAAK,GACJD,UAAU,GAAG,CAAC,CAACE,SAAS,GAAGsB,KAAK,CAACvB,KAAK;IAEvCE,aAAa,GACZH,UAAU,GACPI,iBAAiB,GACjBoB,KAAK,CAACrB,aAAa;IAEvBuB,WAAkD,GACjD,IAAAC,kBAAW,EAACC,KAAK,IAAI;MACpBpB,MAAM,GAAGoB,KAAK,CAAC;MACfN,YAAY,CAAC,KAAK,CAAC;IACpB,CAAC,EAAE,CACFd,MAAM,CACN,CAAC;IAEHqB,YAAoD,GACnD,IAAAF,kBAAW,EAACC,KAAK,IAAI;MACpBlB,OAAO,GAAGkB,KAAK,CAAC;MAChBN,YAAY,CAAC,IAAI,CAAC;IACnB,CAAC,EAAE,CACFZ,OAAO,CACP,CAAC;IAEHoB,YAAoD,GACnD,IAAAH,kBAAW,EAACC,KAAK,IAAI;MACpBjB,OAAO,GAAGiB,KAAK,CAAC;MAChB,IAAG,CAAC5B,UAAU,IAAIK,gBAAgB,KAAK,WAAW,EAAE;QACnDoB,QAAQ,CAACM,MAAM,IAAI;UAClB,OAAO;YACN9B,KAAK,EAAE8B,MAAM,CAAC5B,aAAa,GAAG,IAAI,GAAG,CAAC4B,MAAM,CAAC9B,KAAK;YAClDE,aAAa,EAAE;UAChB,CAAC;QACF,CAAC,CAAC;MACH;IACD,CAAC,EAAE,CACFH,UAAU,EACVK,gBAAgB,EAChBM,OAAO,CACP,CAAC;IAEHqB,SAAS,GACRC,YAAY,CAAC5B,gBAAgB,EAAES,YAAY,CAACoB,KAAK,CAAC;EAEpD,IAAAC,gBAAS,EAAC,MAAM;IACf,IAAG,CAAChB,GAAG,CAACiB,OAAO,CAAChB,SAAS,EAAE;MAC1BD,GAAG,CAACiB,OAAO,CAAChB,SAAS,GAAG,IAAI;IAC7B,CAAC,MAAM;MACND,GAAG,CAACiB,OAAO,CAACnC,KAAK,GAAGA,KAAK;MACzBQ,QAAQ,GAAGR,KAAK,CAAC;IAClB;EACD,CAAC,EAAE,CACFA,KAAK,EACLQ,QAAQ,CACR,CAAC;EAEF,IAAA4B,0BAAmB,EAACxB,YAAY,EAAE,MAAM;IACvC,OAAOyB,MAAM,CAACC,MAAM,CACnBtB,OAAO,CAACmB,OAAO,EACf;MACC,IAAInC,KAAKA,CAAA,EAAG;QACX,OAAOkB,GAAG,CAACiB,OAAO,CAACnC,KAAK;MACzB,CAAC;MACDuC,QAAQA,CAACC,MAAM,EAAE;QAChB,IAAG,CAACzC,UAAU,EAAE;UACfyB,QAAQ,CAACM,MAAM,IAAI;YAClB,IAAG,OAAOU,MAAM,KAAK,UAAU,EAAE;cAChCtB,GAAG,CAACiB,OAAO,CAACnC,KAAK,GAAGwC,MAAM,CAACV,MAAM,CAAC9B,KAAK,EAAE8B,MAAM,CAAC5B,aAAa,CAAC;YAC/D,CAAC,MAAM;cACNgB,GAAG,CAACiB,OAAO,CAACnC,KAAK,GAAGwC,MAAM;YAC3B;YACA,OAAO;cACNxC,KAAK,EAAEkB,GAAG,CAACiB,OAAO,CAACnC,KAAK;cACxBE,aAAa,EAAE;YAChB,CAAC;UACF,CAAC,CAAC;QACH;MACD;IACD,CACD,CAAC;EACF,CAAC,EAAE,CACFH,UAAU,CACV,CAAC;EAEF,oBACC,IAAAP,WAAA,CAAAiD,IAAA,EAACzD,YAAA,CAAA0D,SAAS;IAAA,GACJ/B,KAAK;IACVgC,QAAQ,EAAGvC,gBAAgB,KAAK,UAAY;IAC5CE,IAAI,EAAGA,IAAM;IACbC,MAAM,EAAGkB,WAAa;IACtBhB,OAAO,EAAGmB,YAAc;IACxBlB,OAAO,EAAGmB,YAAc;IACxBxB,KAAK,EAAG,CACPuC,iBAAS,CAACC,YAAY,EACtBD,iBAAS,CAACE,cAAc,EACxBC,mBAAW,CAACC,QAAQ,EACpBC,SAAS,CAACC,QAAQ;IAClB;IACAC,wBAAwB,CAAC/C,gBAAgB,EAAEJ,KAAK,CAAC,EACjDK,KAAK,CACH;IACHa,GAAG,EAAGF,OAAS;IAAAoC,QAAA,gBAEf,IAAA5D,WAAA,CAAA6D,GAAA,EAACrE,YAAA,CAAAsE,IAAI;MACJjD,KAAK,EAAG,CACP0C,mBAAW,CAACQ,QAAQ,EACpBR,mBAAW,CAACS,eAAe,EAC3BP,SAAS,CAACQ,QAAQ,EAClBrC,SAAS,GACN;QAAEsC,WAAW,EAAE7C,YAAY,CAACoB,KAAK,CAAC0B;MAAM,CAAC,GACzC,IAAI;IACL,CACH,CAAC,EAEA3D,KAAK,IAAIE,aAAa,gBACvB,IAAAV,WAAA,CAAA6D,GAAA,EAACO,qBAAqB;MACrB3B,KAAK,EAAGF,SAAW;MACnB8B,MAAM,EAAG9B;IAAW,CACpB,CAAC,gBAEF,IAAAvC,WAAA,CAAA6D,GAAA,EAACS,sBAAsB;MACtB7B,KAAK,EAAGF,SAAW;MACnB8B,MAAM,EAAG9B,SAAW;MACpB1B,KAAK,EAAG,CAACL,KAAK,GAAGiD,SAAS,CAACc,eAAe,GAAG;IAAM,CACnD,CACD;EAAA,CACS,CAAC;AAGd,CACD,CAAC;AAED,MACCC,IAAI,GACH,EAAE;EAEHC,QAAQ,GACPD,IAAI,GAAG,CAAC;EAETf,SAAS,GACRiB,uBAAU,CAACC,MAAM,CAAC;IACjBjB,QAAQ,EAAE;MACTkB,KAAK,EAAEJ,IAAI;MACXK,MAAM,EAAEL,IAAI;MACZM,WAAW,EAAE;IACd,CAAC;IACDb,QAAQ,EAAE;MACTW,KAAK,EAAEJ,IAAI,GAAG,CAAC;MACfK,MAAM,EAAEL,IAAI,GAAG,CAAC;MAChBO,YAAY,EAAE,CAAC;MACfD,WAAW,EAAE,CAAC;MACdZ,WAAW,EAAE;IACd,CAAC;IACDK,eAAe,EAAE;MAChBS,OAAO,EAAE;IACV;EACD,CAAC,CAAC;EAEHC,gBAAgB,GACfC,iBAAe,CAACP,MAAM,CAEpBlC,KAAK,IAAI;IACV,OAAO;MACN0C,YAAY,EAAE;QACbjB,WAAW,EAAEzB,KAAK,CAAC2C;MACpB,CAAC;MACDC,WAAW,EAAE;QACZC,eAAe,EAAE7C,KAAK,CAAC2C,YAAY;QACnClB,WAAW,EAAEzB,KAAK,CAAC2C;MACpB,CAAC;MACDG,cAAc,EAAE;QACfrB,WAAW,EAAEzB,KAAK,CAAC+C;MACpB,CAAC;MACDC,aAAa,EAAE;QACdH,eAAe,EAAE7C,KAAK,CAAC+C,aAAa;QACpCtB,WAAW,EAAEzB,KAAK,CAAC+C;MACpB,CAAC;MACDE,WAAW,EAAE;QACZxB,WAAW,EAAEzB,KAAK,CAACkD;MACpB,CAAC;MACDC,UAAU,EAAE;QACXN,eAAe,EAAE7C,KAAK,CAAC2C,YAAY;QACnClB,WAAW,EAAEzB,KAAK,CAACkD;MACpB,CAAC;MACDE,eAAe,EAAE;QAChB3B,WAAW,EAAEzB,KAAK,CAAC+C;MACpB,CAAC;MACDM,cAAc,EAAE;QACf5B,WAAW,EAAEzB,KAAK,CAAC+C;MACpB,CAAC;MACDO,aAAa,EAAE;QACd7B,WAAW,EAAEzB,KAAK,CAAC2C;MACpB,CAAC;MACDY,YAAY,EAAE;QACbV,eAAe,EAAE7C,KAAK,CAAC2C,YAAY;QACnClB,WAAW,EAAEzB,KAAK,CAAC2C;MACpB;IACD,CAAC;EACF,CAAC,CAAC;AAEJ,SAASzB,wBAAwBA,CAChC/C,gBAA+C,EAC/CJ,KAAc,EACb;EACD,OAAOyE,gBAAgB,CAAC,GAAGrE,gBAAgB,IAAIJ,KAAK,EAAE,CAAC;AACxD;AAEA,SAASgC,YAAYA,CACpB5B,gBAA+C,EAC/C6B,KAA4B,EAC3B;EACD,IAAG7B,gBAAgB,KAAK,WAAW,EAAE;IACpC,OAAO6B,KAAK,CAAC2C,YAAY;EAC1B;EACA,OAAO3C,KAAK,CAACwD,YAAY;AAC1B;AAKA,SAAS3B,sBAAsBA,CAAC;EAC/BM,KAAK,GAAGH,QAAQ;EAChBI,MAAM,GAAGJ,QAAQ;EACjB,GAAGtD;AACgB,CAAC,EAAE;EAEtB,oBACC,IAAAnB,WAAA,CAAA6D,GAAA,EAACjE,OAAA,CAAAsG,IAAI;IAAA,GACC/E,KAAK;IACVgF,GAAG,EAAGC,SAAe;IACrBxB,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA;EAAQ,CACjB,CAAC;AAGJ;AAEA,SAAST,qBAAqBA,CAAC;EAC9BQ,KAAK,GAAGH,QAAQ;EAChBI,MAAM,GAAGJ,QAAQ;EACjB,GAAGtD;AACgB,CAAC,EAAE;EAEtB,oBACC,IAAAnB,WAAA,CAAA6D,GAAA,EAACjE,OAAA,CAAAsG,IAAI;IAAA,GACC/E,KAAK;IACVgF,GAAG,EAAGE,UAAc;IACpBzB,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA;EAAQ,CACjB,CAAC;AAGJ","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Collapsible = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../../constants/index.js");
+var _index2 = require("../../styles/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Collapsible = exports.Collapsible = /*#__PURE__*/(0, _react.forwardRef)(function Collapsible({
+  controlled,
+  open,
+  motion = {
+    toOpen: {
+      duration: _index.MotionConstant.Durations.fast_02,
+      easing: _reactNativeReanimated.Easing.bezier(_index.MotionConstant.Easings.entrance.productive.x1, _index.MotionConstant.Easings.entrance.productive.y1, _index.MotionConstant.Easings.entrance.productive.x2, _index.MotionConstant.Easings.entrance.productive.y2)
+    },
+    toClose: {
+      duration: _index.MotionConstant.Durations.fast_02,
+      easing: _reactNativeReanimated.Easing.bezier(_index.MotionConstant.Easings.exit.productive.x1, _index.MotionConstant.Easings.exit.productive.y1, _index.MotionConstant.Easings.exit.productive.x2, _index.MotionConstant.Easings.exit.productive.y2)
+    }
+  },
+  children,
+  style,
+  contentContainerStyle,
+  onToggle,
+  onOpened,
+  onClosed,
+  ...props
+}, forwardedRef) {
+  const viewRef = (0, _react.useRef)(null),
+    ref = (0, _react.useRef)({
+      positionView: open ? 'relative' : 'absolute',
+      contentHeight: 0,
+      openSelf: !!open
+    }),
+    [openSelf, setOpenSelf] = (0, _react.useState)(!!open),
+    /**
+     * Absolute position is required to keep content being rendered as it is when the container is not open (zero height)  
+     *
+     * We need 'relative' position when the collapsible is initially opened due to heightAnimated initial value is zero and only will be calculated after content is rendered  
+     *
+     * This state will be changed once only from 'relative' to 'absolute'  
+     */
+    [positionView, setPositionView] = (0, _react.useState)(ref.current.positionView),
+    heightAnimated = (0, _reactNativeReanimated.useSharedValue)(0),
+    /**
+     * Initially, just using the current heightAnimated value, and interpolate it.  
+     * But React Native Reanimated doesn't know the max input even we use the ref.current.contentHeight  
+     * If someone have better idea about this without using React State for the max input of interpolate, it might be better
+     * 0 -> Closed
+     * 1 -> Opened
+     */
+    contentContainerAnimated = (0, _reactNativeReanimated.useSharedValue)(0),
+    /**
+     * When i wrote this, i can't find any information about motion specifically for Accordion to animate the content.  
+     * So, i just tried to make it as similar as possible how the React Carbon Design System animation behaviour that using `transition-behaviour: allow-discrete`
+     */
+    contentContainerAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+      return {
+        opacity: (0, _reactNativeReanimated.interpolate)(contentContainerAnimated.value, contentContainerInterpolationRange, [0, 1]),
+        transform: [{
+          translateY: (0, _reactNativeReanimated.interpolate)(contentContainerAnimated.value, contentContainerInterpolationRange, [-12, 0])
+        }]
+      };
+    }),
+    isOpen = controlled ? !!open : openSelf,
+    setPositionViewToAbsolute = (0, _react.useCallback)(() => {
+      if (ref.current.positionView === 'relative') {
+        ref.current.positionView = 'absolute';
+        setPositionView('absolute');
+      }
+    }, []),
+    onLayoutContent = (0, _react.useCallback)(({
+      nativeEvent
+    }) => {
+      if (ref.current.contentHeight !== nativeEvent.layout.height) {
+        ref.current.contentHeight = nativeEvent.layout.height;
+        if (isOpen) {
+          heightAnimated.value = (0, _reactNativeReanimated.withTiming)(ref.current.contentHeight, undefined, () => (0, _reactNativeReanimated.runOnJS)(setPositionViewToAbsolute)());
+        }
+      }
+    }, [heightAnimated, isOpen, setPositionViewToAbsolute]);
+  (0, _react.useEffect)(() => {
+    if (ref.current.contentHeight) {
+      if (isOpen) {
+        heightAnimated.value = (0, _reactNativeReanimated.withTiming)(ref.current.contentHeight, motion.toOpen, onOpened ? () => (0, _reactNativeReanimated.runOnJS)(onOpened)() : undefined);
+        contentContainerAnimated.value = (0, _reactNativeReanimated.withTiming)(1, motion.toOpen);
+      } else {
+        heightAnimated.value = (0, _reactNativeReanimated.withTiming)(0, motion.toClose, onClosed ? () => (0, _reactNativeReanimated.runOnJS)(onClosed)() : undefined);
+        contentContainerAnimated.value = (0, _reactNativeReanimated.withTiming)(0, motion.toClose);
+      }
+      onToggle?.(isOpen);
+    }
+  }, [isOpen, heightAnimated, contentContainerAnimated, motion, onToggle, onOpened, onClosed]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current, {
+      setOpen(value) {
+        if (!controlled) {
+          if (typeof value === 'boolean') {
+            ref.current.openSelf = value;
+          } else {
+            ref.current.openSelf = value(ref.current.openSelf);
+          }
+          setOpenSelf(ref.current.openSelf);
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ...props,
+    style: [_index2.CommonStyle.overflow_hidden, positionView === 'absolute' ? {
+      height: heightAnimated
+    } : null, style],
+    ref: viewRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index2.CommonStyle.w_full, {
+        position: positionView
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [_index2.FlexStyle.flex_initial, contentContainerAnimatedStyle, contentContainerStyle],
+        onLayout: onLayoutContent,
+        children: children
+      })
+    })
+  });
+});
+const contentContainerInterpolationRange = [0, 1];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_index2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Collapsible","exports","forwardRef","controlled","open","motion","toOpen","duration","MotionConstant","Durations","fast_02","easing","Easing","bezier","Easings","entrance","productive","x1","y1","x2","y2","toClose","exit","children","style","contentContainerStyle","onToggle","onOpened","onClosed","props","forwardedRef","viewRef","useRef","ref","positionView","contentHeight","openSelf","setOpenSelf","useState","setPositionView","current","heightAnimated","useSharedValue","contentContainerAnimated","contentContainerAnimatedStyle","useAnimatedStyle","opacity","interpolate","value","contentContainerInterpolationRange","transform","translateY","isOpen","setPositionViewToAbsolute","useCallback","onLayoutContent","nativeEvent","layout","height","withTiming","undefined","runOnJS","useEffect","useImperativeHandle","assign","setOpen","jsx","View","CommonStyle","overflow_hidden","w_full","position","FlexStyle","flex_initial","onLayout"],"sourceRoot":"../../../../src","sources":["components/collapsible/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form-helper-text/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormHelperText = FormHelperText;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../contexts/index.js");
+var _index2 = require("../../styles/index.js");
+var _index3 = require("../text/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function FormHelperText({
+  error,
+  text,
+  textLeading,
+  textTrailing,
+  textProps,
+  style,
+  ...props
+}) {
+  const themeContext = (0, _react.useContext)(_index.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...props,
+    style: [_index2.FlexStyle.flex_row, baseStyle.container, style],
+    children: [textLeading, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+      ...textProps,
+      type: textProps?.type || 'helper_text_01',
+      style: [{
+        color: error ? themeContext.color.text_error : themeContext.color.text_primary
+      }, textProps?.style],
+      children: text
+    }), textTrailing]
+  });
+}
+const baseStyle = _reactNative.StyleSheet.create({
+  container: {
+    gap: 8
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form-helper-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_jsxRuntime","FormHelperText","error","text","textLeading","textTrailing","textProps","style","props","themeContext","useContext","ThemeContext","jsxs","View","FlexStyle","flex_row","baseStyle","container","children","jsx","Text","type","color","text_error","text_primary","StyleSheet","create","gap"],"sourceRoot":"../../../../src","sources":["components/form-helper-text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAGgB,IAAAK,WAAA,GAAAL,OAAA;AAUT,SAASM,cAAcA,CAAC;EAC9BC,KAAK;EACLC,IAAI;EACJC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EAEvB,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,mBAAY,CAAC;EAE1B,oBACC,IAAAX,WAAA,CAAAY,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAAA,GACCL,KAAK;IACVD,KAAK,EAAG,CACPO,iBAAS,CAACC,QAAQ,EAClBC,SAAS,CAACC,SAAS,EACnBV,KAAK,CACH;IAAAW,QAAA,GAEDd,WAAW,eAEb,IAAAJ,WAAA,CAAAmB,GAAA,EAACpB,OAAA,CAAAqB,IAAI;MAAA,GACCd,SAAS;MACde,IAAI,EAAGf,SAAS,EAAEe,IAAI,IAAI,gBAAkB;MAC5Cd,KAAK,EAAG,CACP;QACCe,KAAK,EAAEpB,KAAK,GACTO,YAAY,CAACa,KAAK,CAACC,UAAU,GAC7Bd,YAAY,CAACa,KAAK,CAACE;MACvB,CAAC,EACDlB,SAAS,EAAEC,KAAK,CACd;MAAAW,QAAA,EAEDf;IAAI,CACD,CAAC,EAELE,YAAY;EAAA,CACT,CAAC;AAGT;AAEA,MACCW,SAAS,GACRS,uBAAU,CAACC,MAAM,CAAC;EACjBT,SAAS,EAAE;IACVU,GAAG,EAAE;EACN;AACD,CAAC,CAAC","ignoreList":[]}