@tecsinapse/react-core 1.22.8 → 2.0.0

package/dist/esm/components/atoms/Input/InputElement/InputElement.js

@@ -13,16 +13,19 @@ const InputElement = React__default.forwardRef(
   }, ref) => {
     const theme = useTheme();
     const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-    return /* @__PURE__ */ React__default.createElement(StyledInputElement, {
-      ...rest,
-      ref,
-      onChangeText: onChange,
-      value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    });
+    return /* @__PURE__ */ React__default.createElement(
+      StyledInputElement,
+      {
+        ...rest,
+        ref,
+        onChangeText: onChange,
+        value,
+        placeholder,
+        placeholderTextColor: _placeholderColor,
+        disabled,
+        editable: !disabled
+      }
+    );
   }
 );
 InputElement.displayName = "InputElement";

package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputElement.js","sources":["../../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React"],"mappings":";;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}
+{"version":3,"file":"InputElement.js","sources":["../../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React"],"mappings":";;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,YAAc,EAAA,QAAA;AAAA,QACd,KAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAsB,EAAA,iBAAA;AAAA,QACtB,QAAA;AAAA,QACA,UAAU,CAAC,QAAA;AAAA,OAAA;AAAA,KACb,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js

@@ -52,16 +52,19 @@ const InputMaskElement = React__default.forwardRef(
         onChangeValue(value);
       }
     }, [value]);
-    return /* @__PURE__ */ React__default.createElement(StyledInputElement, {
-      ...rest,
-      ref,
-      onChangeText: onChangeValue,
-      value: _value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    });
+    return /* @__PURE__ */ React__default.createElement(
+      StyledInputElement,
+      {
+        ...rest,
+        ref,
+        onChangeText: onChangeValue,
+        value: _value,
+        placeholder,
+        placeholderTextColor: _placeholderColor,
+        disabled,
+        editable: !disabled
+      }
+    );
   }
 );
 InputMaskElement.displayName = "InputMaskElement";

package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskElement.js","sources":["../../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","value"],"mappings":";;;;;;AA4BA,MAAM,mBAAmBA,cAAM,CAAA,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACA,IAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAM,MAAA,YAAA,GAAe,CAACC,MAA2B,KAAA;AAC/C,MAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,QAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACK,MAAA;AACL,QAAO,OAAA,CAAC,QAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAE1D,IAAM,MAAA,MAAA,GACJ,cAAc,KACV,CAAA,GAAA,KAAA,EAAO,UACP,GAAA,SAAA,CAAU,SACV,GAAA,SAAA,CAAU,SACV,GAAA,EAAA,CAAA;AAEN,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,IAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,MACpB,CAACA,MAA2B,KAAA;AAC1B,QAAI,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,YAAA,KAAiB,KAAW,CAAA,EAAA;AACzD,UAAA,YAAA,CAAaA,MAAK,CAAA,CAAA;AAAA,SACpB;AAAO,UAAA,QAAA,IAAY,SAASA,MAAK,CAAA,CAAA;AAAA,OACnC;AAAA,MACA,CAAC,KAAK,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MACE,IAAA,SAAA,KAAc,UACd,YAAiB,KAAA,KAAA,CAAA,IACjB,UAAU,KACV,CAAA,IAAA,OAAO,cAAc,QACrB,EAAA;AAEA,QACE,IAAA,SAAA,CAAU,QAAQ,KAClB,CAAA,IAAA,SAAA,CAAU,IAAI,QAAS,EAAA,KAAM,KAAM,CAAA,QAAA,EACnC,EAAA;AACA,UAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACS,MAAA,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,QAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,OACrB;AAAA,KACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,IAAA,uBACGD,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,KAAO,EAAA,MAAA;AAAA,MACP,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}
+{"version":3,"file":"InputMaskElement.js","sources":["../../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","value"],"mappings":";;;;;;AA4BA,MAAM,mBAAmBA,cAAM,CAAA,UAAA;AAAA,EAC7B,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAM,MAAA,YAAA,GAAe,CAACC,MAA2B,KAAA;AAC/C,MAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,QAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACK,MAAA;AACL,QAAO,OAAA,CAAC,QAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,YAAA,CAAa,SAAS,EAAE,CAAA,CAAA;AAE1D,IAAM,MAAA,MAAA,GACJ,cAAc,KACV,CAAA,GAAA,KAAA,EAAO,UACP,GAAA,SAAA,CAAU,SACV,GAAA,SAAA,CAAU,SACV,GAAA,EAAA,CAAA;AAEN,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,IAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,MACpB,CAACA,MAA2B,KAAA;AAC1B,QAAI,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,YAAA,KAAiB,KAAW,CAAA,EAAA;AACzD,UAAA,YAAA,CAAaA,MAAK,CAAA,CAAA;AAAA,SACpB;AAAO,UAAA,QAAA,IAAY,SAASA,MAAK,CAAA,CAAA;AAAA,OACnC;AAAA,MACA,CAAC,KAAK,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MACE,IAAA,SAAA,KAAc,UACd,YAAiB,KAAA,KAAA,CAAA,IACjB,UAAU,KACV,CAAA,IAAA,OAAO,cAAc,QACrB,EAAA;AAEA,QACE,IAAA,SAAA,CAAU,QAAQ,KAClB,CAAA,IAAA,SAAA,CAAU,IAAI,QAAS,EAAA,KAAM,KAAM,CAAA,QAAA,EACnC,EAAA;AACA,UAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACS,MAAA,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,QAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,OACrB;AAAA,KACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,IACE,uBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,YAAc,EAAA,aAAA;AAAA,QACd,KAAO,EAAA,MAAA;AAAA,QACP,WAAA;AAAA,QACA,oBAAsB,EAAA,iBAAA;AAAA,QACtB,QAAA;AAAA,QACA,UAAU,CAAC,QAAA;AAAA,OAAA;AAAA,KACb,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
 import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
 import { InputContainerProps } from '../InputContainer/InputContainer';
+import { ReactNode } from 'react';
 export interface PressableInputContainerProps extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'> {
     onPress?: () => void | never;
     disabled?: boolean;
     style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
 }
-declare const PressableInputContainer: React.FC<PressableInputContainerProps>;
+declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => JSX.Element;
 export default PressableInputContainer;

package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js

@@ -9,14 +9,7 @@ const PressableInputContainer = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(StyledPressableSurface, {
-    onPress,
-    disabled,
-    style
-  }, /* @__PURE__ */ React.createElement(InputContainer, {
-    disabled,
-    ...rest
-  }, children));
+  return /* @__PURE__ */ React.createElement(StyledPressableSurface, { onPress, disabled, style }, /* @__PURE__ */ React.createElement(InputContainer, { disabled, ...rest }, children));
 };
 
 export { PressableInputContainer as default };

package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PressableInputContainer.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"names":[],"mappings":";;;;AAmBA,MAAM,0BAAkE,CAAC;AAAA,EACvE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,QAAA;AAAA,IAAqB,GAAG,IAAA;AAAA,GAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PressableInputContainer.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\nimport { ReactNode } from 'react';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n  children?: ReactNode;\n}\n\nconst PressableInputContainer = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}: PressableInputContainerProps): JSX.Element => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"names":[],"mappings":";;;;AAqBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiD,KAAA;AAC/C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAkB,QAAoB,EAAA,KAAA,EAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,QAAqB,EAAA,GAAG,IACrC,EAAA,EAAA,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -1,6 +1,6 @@
 import currency from 'currency.js';
 import { MaskValue } from './useStringMask';
-export declare type CurrencyOptions = currency.Options;
+export type CurrencyOptions = currency.Options;
 export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
     internalNumber: number;
     mergedOptions: CurrencyOptions;

package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts

@@ -2,7 +2,7 @@ export interface MaskValue {
     formatted?: string;
     raw?: string | number;
 }
-export declare type MaskType = string | RegExp | Array<RegExp>;
+export type MaskType = string | RegExp | Array<RegExp>;
 export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
 export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
 export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStringMask.js","sources":["../../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"names":["value"],"mappings":";;AAeO,MAAM,SAAY,GAAA,CAAC,KAAQ,GAAA,EAAA,EAAI,IAAgC,KAAA;AACpE,EAAA,IAAI,SAAY,GAAA,EAAA,CAAA;AAChB,EAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,EAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,EAAA,IAAI,MAAS,GAAA,CAAA,CAAA;AAEb,EAAA,OAAO,EAAE,KAAU,KAAA,IAAA,CAAK,MAAU,IAAA,MAAA,KAAW,MAAM,MAAS,CAAA,EAAA;AAC1D,IAAA,MAAM,WAAW,IAAK,CAAA,KAAA,CAAA,CAAA;AACtB,IAAA,MAAM,YAAY,KAAM,CAAA,MAAA,CAAA,CAAA;AAExB,IAAA,IAAI,aAAa,SAAW,EAAA;AAC1B,MAAa,SAAA,IAAA,QAAA,CAAA;AACb,MAAA,MAAA,EAAA,CAAA;AACA,MAAA,KAAA,EAAA,CAAA;AACA,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,MAAM,eAAe,KAAM,CAAA,MAAA,CAAA,CAAA;AAE3B,IAAI,IAAA,OAAO,aAAa,QAAU,EAAA;AAChC,MAAA,MAAA,EAAA,CAAA;AAEA,MAAA,MAAM,gBAAgB,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAA,GAAI,SAAS,CAAK,CAAA,GAAA,QAAA,CAAA;AAC9D,MAAA,MAAM,UAAa,GAAA,MAAA,CAAO,aAAa,CAAA,CAAE,KAAK,SAAS,CAAA,CAAA;AAEvD,MAAA,IAAI,UAAY,EAAA;AACd,QAAa,SAAA,IAAA,SAAA,CAAA;AACb,QAAO,GAAA,IAAA,YAAA,CAAA;AACP,QAAA,KAAA,EAAA,CAAA;AAAA,OACF;AAAA,KACK,MAAA;AACL,MAAa,SAAA,IAAA,QAAA,CAAA;AACb,MAAA,KAAA,EAAA,CAAA;AAAA,KACF;AAAA,GACF;AAEA,EAAO,OAAA,EAAE,KAAK,SAAU,EAAA,CAAA;AAC1B,EAAA;AAEa,MAAA,OAAA,GAAU,CACrB,IAAA,EACA,QACe,KAAA;AACf,EAAI,IAAA,SAAA,CAAA;AACJ,EAAA,MAAM,aAAyB,EAAC,CAAA;AAEhC,EAAI,IAAA,OAAO,SAAS,UAAY,EAAA;AAC9B,IAAA,SAAA,GAAY,KAAK,QAAQ,CAAA,CAAA;AAAA,GACpB,MAAA;AACL,IAAY,SAAA,GAAA,IAAA,CAAA;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,QAAQ,CAAO,GAAA,KAAA;AACvB,IAAI,IAAA,OAAO,QAAQ,QAAU,EAAA;AAC3B,MAAI,IAAA,KAAA,CAAM,QAAQ,GAAG,CAAA;AAAG,QAAA,UAAA,CAAW,KAAK,GAAG,CAAA,CAAA;AAAA;AACtC,QAAA,UAAA,CAAW,KAAK,GAAG,CAAA,CAAA;AAAA,KACnB,MAAA;AACL,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,GAAA,CAAI,QAAQ,CAAK,EAAA,EAAA;AACnC,QAAI,IAAA,GAAA,CAAI,OAAO,IAAM,EAAA;AACnB,UAAW,UAAA,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAI,CAAE,CAAA,CAAA,CAAA;AAC1B,UAAA,CAAA,EAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAA,IAAI,IAAI,CAAO,CAAA,KAAA,GAAA;AAAK,YAAA,UAAA,CAAW,KAAK,IAAI,CAAA,CAAA;AAAA,eAAA,IAC/B,IAAI,CAAO,CAAA,KAAA,GAAA;AAAK,YAAA,UAAA,CAAW,KAAK,UAAU,CAAA,CAAA;AAAA;AAC9C,YAAW,UAAA,CAAA,IAAA,CAAK,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,SAC7B;AAAA,OACF;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT,EAAA;AAQa,MAAA,aAAA,GAAgB,CAC3B,IAAA,EACA,YACiD,KAAA;AACjD,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAACA,SAAQ,EAAkB,KAAA;AACzB,MAAM,MAAA,YAAA,GAAe,OAAQ,CAAA,IAAA,EAAMA,MAAK,CAAA,CAAA;AACxC,MAAA,MAAM,EAAE,SAAW,EAAA,GAAA,EAAQ,GAAA,SAAA,CAAUA,QAAO,YAAY,CAAA,CAAA;AAExD,MAAO,OAAA;AAAA,QACL,GAAA;AAAA,QACA,SAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AAEA,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACxB,SAAA,CAAU,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,GACpC,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,cAAoC,KAAA;AACnC,MAAA,MAAM,EAAE,GAAK,EAAA,SAAA,KAAc,SAAU,CAAA,cAAA,EAAgB,UAAU,CAAA,CAAA;AAC/D,MAAS,QAAA,CAAA;AAAA,QACP,GAAA;AAAA,QACA,SAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,WAAW,QAAQ,CAAA;AAAA,GACtB,CAAA;AAEA,EAAO,OAAA,CAAC,OAAO,iBAAiB,CAAA,CAAA;AAClC;;;;"}
+{"version":3,"file":"useStringMask.js","sources":["../../../../../../src/components/atoms/Input/hooks/useStringMask.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport interface MaskValue {\n  formatted?: string;\n  raw?: string | number;\n}\n\nexport type MaskType = string | RegExp | Array<RegExp>;\n\n/**\n * TODO:\n * @param value\n * @param mask\n * @returns\n */\nexport const mergeMask = (value = '', mask: MaskType[]): MaskValue => {\n  let formatted = '';\n  let raw = '';\n  let iMask = 0;\n  let iChars = 0;\n\n  while (!(iMask === mask.length || iChars === value.length)) {\n    const maskChar = mask[iMask];\n    const valueChar = value[iChars];\n\n    if (maskChar === valueChar) {\n      formatted += maskChar;\n      iChars++;\n      iMask++;\n      continue;\n    }\n\n    const rawValueChar = value[iChars];\n\n    if (typeof maskChar === 'object') {\n      iChars++;\n\n      const maskCharRegex = Array.isArray(maskChar) ? maskChar[0] : maskChar;\n      const matchRegex = RegExp(maskCharRegex).test(valueChar);\n\n      if (matchRegex) {\n        formatted += valueChar;\n        raw += rawValueChar;\n        iMask++;\n      }\n    } else {\n      formatted += maskChar;\n      iMask++;\n    }\n  }\n\n  return { raw, formatted };\n};\n\nexport const getMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  newValue: string\n): MaskType[] => {\n  let maskArray: MaskType[];\n  const regexArray: MaskType[] = [];\n\n  if (typeof mask === 'function') {\n    maskArray = mask(newValue);\n  } else {\n    maskArray = mask;\n  }\n\n  maskArray.forEach(exp => {\n    if (typeof exp !== 'string') {\n      if (Array.isArray(exp)) regexArray.push(exp);\n      else regexArray.push(exp);\n    } else {\n      for (let i = 0; i < exp.length; i++) {\n        if (exp[i] === '\\\\') {\n          regexArray.push(exp[i + 1]);\n          i++;\n        } else {\n          if (exp[i] === '9') regexArray.push(/\\d/);\n          else if (exp[i] === 'a') regexArray.push(/[a-zA-Z]/);\n          else regexArray.push(exp[i]);\n        }\n      }\n    }\n  });\n\n  return regexArray;\n};\n\n/**\n * TODO:\n * @param mask\n * @param defaultValue\n * @returns\n */\nexport const useStringMask = (\n  mask: MaskType[] | ((value: string) => MaskType[]),\n  defaultValue?: string | number\n): [MaskValue, (text: string | number) => void] => {\n  const applyMask = useCallback(\n    (value = ''): MaskValue => {\n      const selectedMask = getMask(mask, value);\n      const { formatted, raw } = mergeMask(value, selectedMask);\n\n      return {\n        raw,\n        formatted,\n      };\n    },\n    [mask]\n  );\n\n  const [value, setValue] = useState<MaskValue>(\n    applyMask(defaultValue?.toString())\n  );\n\n  const handleChangeValue = useCallback(\n    (formattedValue: string | number) => {\n      const { raw, formatted } = applyMask(formattedValue?.toString());\n      setValue({\n        raw,\n        formatted,\n      });\n    },\n    [applyMask, setValue]\n  );\n\n  return [value, handleChangeValue];\n};\n"],"names":["value"],"mappings":"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"}

package/dist/esm/components/atoms/Input/styled.d.ts

@@ -33,8 +33,6 @@ export declare const StyledBorderKeeper: import("@emotion/native").StyledCompone
     as?: import("react").ElementType<any> | undefined;
 } & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     ref?: import("react").Ref<import("react-native").View> | undefined;
-} & {
-    children?: import("react").ReactNode;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -44,8 +42,6 @@ export declare const StyledInputElement: import("@emotion/native").StyledCompone
     as?: import("react").ElementType<any> | undefined;
 } & InputElementProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     ref?: import("react").Ref<TextInput> | undefined;
-} & {
-    children?: import("react").ReactNode;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -57,8 +53,6 @@ export declare const StyledHintContainer: import("@emotion/native").StyledCompon
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const StyledHintIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/esm/components/atoms/Input/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { InputContainerProps } from './InputContainer/InputContainer';\nimport { Icon } from '../Icon';\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    width: 100%;\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { InputContainerProps } from './InputContainer/InputContainer';\nimport { Icon } from '../Icon';\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    width: 100%;\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/atoms/Paper/Paper.d.ts

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface PaperProps {
     elevated?: boolean;
     style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const Paper: FC<PaperProps>;
+declare const Paper: ({ children, elevated, ...rest }: PaperProps) => JSX.Element;
 export default Paper;

package/dist/esm/components/atoms/Paper/Paper.js

@@ -5,10 +5,7 @@ const Paper = ({
   children,
   elevated = false,
   ...rest
-}) => /* @__PURE__ */ React__default.createElement(StyledPaper, {
-  ...rest,
-  elevated
-}, children);
+}) => /* @__PURE__ */ React__default.createElement(StyledPaper, { ...rest, elevated }, children);
 
 export { Paper as default };
 //# sourceMappingURL=Paper.js.map

package/dist/esm/components/atoms/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"names":["React"],"mappings":";;;AAUA,MAAM,QAAwB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACR,GAAA,IAAA;AACL,CAAA,qBACGA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,EAAa,GAAG,IAAA;AAAA,EAAM,QAAA;AAAA,CAAA,EACpB,QACH;;;;"}
+{"version":3,"file":"Paper.js","sources":["../../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Paper = ({\n  children,\n  elevated = false,\n  ...rest\n}: PaperProps): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"names":["React"],"mappings":";;;AAWA,MAAM,QAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAA,qBACGA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,IAAA,EAAM,YACpB,QACH;;;;"}

package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { PressableProps, StyleProp, ViewStyle } from 'react-native';
 export interface PressableSurfaceProps extends PressableProps {
     effect?: 'darken' | 'lighten' | 'none';
     surfaceColor?: string;
     effectIntensity?: number;
     effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const PressableSurface: FC<PressableSurfaceProps>;
+declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => JSX.Element;
 export default PressableSurface;

package/dist/esm/components/atoms/PressableSurface/PressableSurface.js

@@ -31,10 +31,7 @@ const PressableSurface = ({
     effectBaseColor,
     bgColor
   );
-  return /* @__PURE__ */ React__default.createElement(Pressable, {
-    ...rest,
-    style: readyStyle
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(Pressable, { ...rest, style: readyStyle }, children);
 };
 const prepareStyle = (props, effectColor, bgColor) => {
   const {

package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"PressableSurface.js","sources":["../../../../../src/components/atoms/PressableSurface/PressableSurface.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport { ThemeProp } from '../../../types/defaults';\nimport { lightenDarkenColor } from '../../../utils';\n\nconst COLOR_VARIATION_FACTOR = 25;\n\nexport interface PressableSurfaceProps extends PressableProps {\n  effect?: 'darken' | 'lighten' | 'none';\n  surfaceColor?: string;\n  effectIntensity?: number;\n  effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;\n}\n\nconst PressableSurface: FC<PressableSurfaceProps> = ({\n  children,\n  surfaceColor,\n  effect,\n  effectIntensity,\n  effectStyle,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  let effectBaseColor = theme.miscellaneous.surfaceColor;\n  let bgColor = 'transparent';\n\n  if (surfaceColor) {\n    effectBaseColor = surfaceColor;\n    bgColor = effectBaseColor;\n  }\n\n  const readyStyle = prepareStyle(\n    { effect, effectIntensity, style, effectStyle },\n    effectBaseColor,\n    bgColor\n  );\n  return (\n    <Pressable {...rest} style={readyStyle}>\n      {children}\n    </Pressable>\n  );\n};\n\nconst prepareStyle = (\n  props: PressableSurfaceProps,\n  effectColor: string,\n  bgColor: string\n): any => {\n  const {\n    effect = 'darken',\n    effectIntensity = COLOR_VARIATION_FACTOR,\n    style,\n    effectStyle,\n  } = props;\n\n  const lighten = lightenDarkenColor(effectColor, effectIntensity);\n  const darken = lightenDarkenColor(effectColor, -effectIntensity);\n  const composedStyle = [{ backgroundColor: bgColor }, style];\n\n  if (effectStyle) {\n    return ({ pressed }) => [composedStyle, effectStyle(pressed)];\n  }\n\n  switch (effect) {\n    case 'darken':\n      return applyEffectStyle(composedStyle, darken);\n\n    case 'lighten':\n      return applyEffectStyle(composedStyle, lighten);\n\n    case 'none':\n      return composedStyle;\n  }\n};\n\nconst applyEffectStyle = (style: any, variation: string) => {\n  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];\n};\n\nexport default PressableSurface;\n"],"names":["React"],"mappings":";;;;;;;;;;;AAMA,MAAM,sBAAyB,GAAA,EAAA,CAAA;AAS/B,MAAM,mBAA8C,CAAC;AAAA,EACnD,QAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAI,IAAA,eAAA,GAAkB,MAAM,aAAc,CAAA,YAAA,CAAA;AAC1C,EAAA,IAAI,OAAU,GAAA,aAAA,CAAA;AAEd,EAAA,IAAI,YAAc,EAAA;AAChB,IAAkB,eAAA,GAAA,YAAA,CAAA;AAClB,IAAU,OAAA,GAAA,eAAA,CAAA;AAAA,GACZ;AAEA,EAAA,MAAM,UAAa,GAAA,YAAA;AAAA,IACjB,EAAE,MAAA,EAAQ,eAAiB,EAAA,KAAA,EAAO,WAAY,EAAA;AAAA,IAC9C,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAAM,KAAO,EAAA,UAAA;AAAA,GAAA,EACzB,QACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,WAAA,EACA,OACQ,KAAA;AACR,EAAM,MAAA;AAAA,IACJ,MAAS,GAAA,QAAA;AAAA,IACT,eAAkB,GAAA,sBAAA;AAAA,IAClB,KAAA;AAAA,IACA,WAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,OAAA,GAAU,kBAAmB,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,WAAa,EAAA,CAAC,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,gBAAgB,CAAC,EAAE,eAAiB,EAAA,OAAA,IAAW,KAAK,CAAA,CAAA;AAE1D,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,CAAC,EAAE,OAAQ,EAAA,KAAM,CAAC,aAAe,EAAA,WAAA,CAAY,OAAO,CAAC,CAAA,CAAA;AAAA,GAC9D;AAEA,EAAA,QAAQ,MAAQ;AAAA,IACd,KAAK,QAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,MAAM,CAAA,CAAA;AAAA,IAE/C,KAAK,SAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,OAAO,CAAA,CAAA;AAAA,IAEhD,KAAK,MAAA;AACH,MAAO,OAAA,aAAA,CAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAY,SAAsB,KAAA;AAC1D,EAAO,OAAA,CAAC,EAAE,OAAA,EAAc,KAAA,CAAC,OAAO,OAAW,IAAA,EAAE,eAAiB,EAAA,SAAA,EAAW,CAAA,CAAA;AAC3E,CAAA;;;;"}
+{"version":3,"file":"PressableSurface.js","sources":["../../../../../src/components/atoms/PressableSurface/PressableSurface.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { ReactNode } from 'react';\nimport { Pressable, PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport { ThemeProp } from '../../../types/defaults';\nimport { lightenDarkenColor } from '../../../utils';\n\nconst COLOR_VARIATION_FACTOR = 25;\n\nexport interface PressableSurfaceProps extends PressableProps {\n  effect?: 'darken' | 'lighten' | 'none';\n  surfaceColor?: string;\n  effectIntensity?: number;\n  effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst PressableSurface = ({\n  children,\n  surfaceColor,\n  effect,\n  effectIntensity,\n  effectStyle,\n  style,\n  ...rest\n}: PressableSurfaceProps): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  let effectBaseColor = theme.miscellaneous.surfaceColor;\n  let bgColor = 'transparent';\n\n  if (surfaceColor) {\n    effectBaseColor = surfaceColor;\n    bgColor = effectBaseColor;\n  }\n\n  const readyStyle = prepareStyle(\n    { effect, effectIntensity, style, effectStyle },\n    effectBaseColor,\n    bgColor\n  );\n  return (\n    <Pressable {...rest} style={readyStyle}>\n      {children}\n    </Pressable>\n  );\n};\n\nconst prepareStyle = (\n  props: PressableSurfaceProps,\n  effectColor: string,\n  bgColor: string\n): any => {\n  const {\n    effect = 'darken',\n    effectIntensity = COLOR_VARIATION_FACTOR,\n    style,\n    effectStyle,\n  } = props;\n\n  const lighten = lightenDarkenColor(effectColor, effectIntensity);\n  const darken = lightenDarkenColor(effectColor, -effectIntensity);\n  const composedStyle = [{ backgroundColor: bgColor }, style];\n\n  if (effectStyle) {\n    return ({ pressed }) => [composedStyle, effectStyle(pressed)];\n  }\n\n  switch (effect) {\n    case 'darken':\n      return applyEffectStyle(composedStyle, darken);\n\n    case 'lighten':\n      return applyEffectStyle(composedStyle, lighten);\n\n    case 'none':\n      return composedStyle;\n  }\n};\n\nconst applyEffectStyle = (style: any, variation: string) => {\n  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];\n};\n\nexport default PressableSurface;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,sBAAyB,GAAA,EAAA,CAAA;AAU/B,MAAM,mBAAmB,CAAC;AAAA,EACxB,QAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA0C,KAAA;AACxC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAI,IAAA,eAAA,GAAkB,MAAM,aAAc,CAAA,YAAA,CAAA;AAC1C,EAAA,IAAI,OAAU,GAAA,aAAA,CAAA;AAEd,EAAA,IAAI,YAAc,EAAA;AAChB,IAAkB,eAAA,GAAA,YAAA,CAAA;AAClB,IAAU,OAAA,GAAA,eAAA,CAAA;AAAA,GACZ;AAEA,EAAA,MAAM,UAAa,GAAA,YAAA;AAAA,IACjB,EAAE,MAAA,EAAQ,eAAiB,EAAA,KAAA,EAAO,WAAY,EAAA;AAAA,IAC9C,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACA,EAAA,oDACG,SAAW,EAAA,EAAA,GAAG,IAAM,EAAA,KAAA,EAAO,cACzB,QACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,WAAA,EACA,OACQ,KAAA;AACR,EAAM,MAAA;AAAA,IACJ,MAAS,GAAA,QAAA;AAAA,IACT,eAAkB,GAAA,sBAAA;AAAA,IAClB,KAAA;AAAA,IACA,WAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,OAAA,GAAU,kBAAmB,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,WAAa,EAAA,CAAC,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,gBAAgB,CAAC,EAAE,eAAiB,EAAA,OAAA,IAAW,KAAK,CAAA,CAAA;AAE1D,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,CAAC,EAAE,OAAQ,EAAA,KAAM,CAAC,aAAe,EAAA,WAAA,CAAY,OAAO,CAAC,CAAA,CAAA;AAAA,GAC9D;AAEA,EAAA,QAAQ,MAAQ;AAAA,IACd,KAAK,QAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,MAAM,CAAA,CAAA;AAAA,IAE/C,KAAK,SAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,OAAO,CAAA,CAAA;AAAA,IAEhD,KAAK,MAAA;AACH,MAAO,OAAA,aAAA,CAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAY,SAAsB,KAAA;AAC1D,EAAO,OAAA,CAAC,EAAE,OAAA,EAAc,KAAA,CAAC,OAAO,OAAW,IAAA,EAAE,eAAiB,EAAA,SAAA,EAAW,CAAA,CAAA;AAC3E,CAAA;;;;"}

package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export interface ProgressBarProps extends ViewProps {
@@ -8,11 +8,11 @@ export interface ProgressBarProps extends ViewProps {
     valueNow: number | string;
     color?: ColorType;
     colorTone?: ColorGradationType;
-    animate: boolean;
+    animate?: boolean;
     animationParameters?: {
         direction: 'left' | 'right';
         duration: number;
     };
 }
-declare const ProgressBar: React.FC<ProgressBarProps>;
+declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, animationParameters, ...rest }: ProgressBarProps) => JSX.Element;
 export default ProgressBar;

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
+import React__default from 'react';
 import { useTheme } from '@emotion/react';
-import * as React from 'react';
 import { Animated } from 'react-native';
 import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
 import '../Text/styled.js';
@@ -17,12 +17,11 @@ const ProgressBar = ({
   valueMax = 100,
   color = "primary",
   colorTone = "medium",
-  animate,
   animationParameters,
   ...rest
 }) => {
   const theme = useTheme();
-  const animationValue = React.useRef(new Animated.Value(0)).current;
+  React__default.useRef(new Animated.Value(0)).current;
   const valueNow = typeof _valueNow === "string" ? extractNumbersFromString(_valueNow) : _valueNow;
   const totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
   const segments = Math.max(1, _segments);
@@ -34,35 +33,27 @@ const ProgressBar = ({
     const minmax = (totalProgress - min) / (max - min);
     const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
     let progressPercent = `${width}%`;
-    if (animate && animationParameters) {
-      Animated.timing(animationValue, {
-        toValue: 1,
-        duration: animationParameters.duration / items.length,
-        useNativeDriver: false,
-        delay: animationParameters.direction === "right" ? index * (animationParameters.duration / items.length) : (items.length - index - 1) * (animationParameters.duration / items.length)
-      }).start();
-      const rangeAnimation = animationParameters?.direction === "right" ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`] : [`${valueMax}%`, `${width}%`];
-      progressPercent = animationValue.interpolate?.({
-        inputRange: [0, 1],
-        outputRange: rangeAnimation
-      });
-    }
-    return /* @__PURE__ */ React.createElement(Segment, {
-      key: index,
-      style: {
-        borderRightWidth: index == segments - 1 ? 0 : 2
-      }
-    }, /* @__PURE__ */ React.createElement(Progress, {
-      style: {
-        width: progressPercent,
-        backgroundColor: theme.color[color][colorTone],
-        borderRightWidth: width > 0 && width < 100 ? 2 : 0
-      }
-    }));
+    return /* @__PURE__ */ React__default.createElement(
+      Segment,
+      {
+        key: index,
+        style: {
+          borderRightWidth: index == segments - 1 ? 0 : 2
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Progress,
+        {
+          style: {
+            width: progressPercent,
+            backgroundColor: theme.color[color][colorTone],
+            borderRightWidth: width > 0 && width < 100 ? 2 : 0
+          }
+        }
+      )
+    );
   });
-  return /* @__PURE__ */ React.createElement(Container, {
-    ...rest
-  }, segmentsRender);
+  return /* @__PURE__ */ React__default.createElement(Container, { ...rest }, segmentsRender);
 };
 
 export { ProgressBar as default };

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n  /** Number of segments. Defaults to 1. Set to 1 when 0 or less */\n  segments?: number;\n  /** Minimum possible value (0% of the bar). Defaults to 0 */\n  valueMin?: number;\n  /** Maximum possible value (100% of the bar). Defaults to 100 */\n  valueMax?: number;\n  /** Current value */\n  valueNow: number | string;\n  /** Filled partition color. Defaults to 'primary' */\n  color?: ColorType;\n  /** Filled partition color tone. Defaults to 'medium' */\n  colorTone?: ColorGradationType;\n  /** Animation */\n  animate: boolean;\n  /** Parameters animation  */\n  animationParameters?: { direction: 'left' | 'right'; duration: number };\n}\n\nconst ProgressBar: React.FC<ProgressBarProps> = ({\n  segments: _segments = 1,\n  valueMin = 0,\n  valueNow: _valueNow,\n  valueMax = 100,\n  color = 'primary',\n  colorTone = 'medium',\n  animate,\n  animationParameters,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const animationValue = React.useRef(new Animated.Value(0)).current;\n\n  const valueNow =\n    typeof _valueNow === 'string'\n      ? extractNumbersFromString(_valueNow)\n      : _valueNow;\n\n  const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) * 100;\n  const segments = Math.max(1, _segments);\n  const segmentWidth = 100 / Math.max(segments);\n\n  const items = [...Array(segments).keys()];\n\n  const segmentsRender = items.map(index => {\n    const max = segmentWidth * (index + 1);\n    const min = segmentWidth * index;\n    const minmax = (totalProgress - min) / (max - min);\n    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n    let progressPercent: string | Animated.AnimatedInterpolation = `${width}%`;\n\n    if (animate && animationParameters) {\n      Animated.timing(animationValue, {\n        toValue: 1,\n        duration: animationParameters.duration / items.length,\n        useNativeDriver: false,\n        delay:\n          animationParameters.direction === 'right'\n            ? index * (animationParameters.duration / items.length)\n            : (items.length - index - 1) *\n              (animationParameters.duration / items.length),\n      }).start();\n\n      const rangeAnimation =\n        animationParameters?.direction === 'right'\n          ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n          : [`${valueMax}%`, `${width}%`];\n\n      progressPercent = animationValue.interpolate?.({\n        inputRange: [0, 1],\n        outputRange: rangeAnimation,\n      });\n    }\n\n    return (\n      <Segment\n        key={index}\n        style={{\n          borderRightWidth: index == segments - 1 ? 0 : 2,\n        }}\n      >\n        <Progress\n          style={{\n            width: progressPercent,\n            backgroundColor: theme.color[color][colorTone],\n            borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n          }}\n        />\n      </Segment>\n    );\n  });\n\n  return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@emotion/react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n  /** Number of segments. Defaults to 1. Set to 1 when 0 or less */\n  segments?: number;\n  /** Minimum possible value (0% of the bar). Defaults to 0 */\n  valueMin?: number;\n  /** Maximum possible value (100% of the bar). Defaults to 100 */\n  valueMax?: number;\n  /** Current value */\n  valueNow: number | string;\n  /** Filled partition color. Defaults to 'primary' */\n  color?: ColorType;\n  /** Filled partition color tone. Defaults to 'medium' */\n  colorTone?: ColorGradationType;\n  /** Animation (temporarily disabled) */\n  animate?: boolean;\n  /** Parameters animation  */\n  animationParameters?: { direction: 'left' | 'right'; duration: number };\n}\n\nconst ProgressBar = ({\n  segments: _segments = 1,\n  valueMin = 0,\n  valueNow: _valueNow,\n  valueMax = 100,\n  color = 'primary',\n  colorTone = 'medium',\n  animationParameters,\n  ...rest\n}: ProgressBarProps): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const animationValue = React.useRef(new Animated.Value(0)).current;\n  const animate = false;\n\n  const valueNow =\n    typeof _valueNow === 'string'\n      ? extractNumbersFromString(_valueNow)\n      : _valueNow;\n\n  const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) * 100;\n  const segments = Math.max(1, _segments);\n  const segmentWidth = 100 / Math.max(segments);\n\n  const items = [...Array(segments).keys()];\n\n  const segmentsRender = items.map(index => {\n    const max = segmentWidth * (index + 1);\n    const min = segmentWidth * index;\n    const minmax = (totalProgress - min) / (max - min);\n    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n    let progressPercent:\n      | string\n      | Animated.AnimatedInterpolation<number | string> = `${width}%`;\n\n    if (animate && animationParameters) {\n      Animated.timing(animationValue, {\n        toValue: 1,\n        duration: animationParameters.duration / items.length,\n        useNativeDriver: false,\n        delay:\n          animationParameters.direction === 'right'\n            ? index * (animationParameters.duration / items.length)\n            : (items.length - index - 1) *\n              (animationParameters.duration / items.length),\n      }).start();\n\n      const rangeAnimation =\n        animationParameters?.direction === 'right'\n          ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n          : [`${valueMax}%`, `${width}%`];\n\n      progressPercent = animationValue.interpolate?.({\n        inputRange: [0, 1],\n        outputRange: rangeAnimation,\n      });\n    }\n\n    return (\n      <Segment\n        key={index}\n        style={{\n          borderRightWidth: index == segments - 1 ? 0 : 2,\n        }}\n      >\n        <Progress\n          style={{\n            width: progressPercent,\n            backgroundColor: theme.color[color][colorTone],\n            borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n          }}\n        />\n      </Segment>\n    );\n  });\n\n  return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU,SAAY,GAAA,CAAA;AAAA,EACtB,QAAW,GAAA,CAAA;AAAA,EACX,QAAU,EAAA,SAAA;AAAA,EACV,QAAW,GAAA,GAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAuBA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,QAAA;AAG3D,EAAA,MAAM,WACJ,OAAO,SAAA,KAAc,QACjB,GAAA,wBAAA,CAAyB,SAAS,CAClC,GAAA,SAAA,CAAA;AAEN,EAAA,MAAM,aAAkB,GAAA,CAAA,QAAA,GAAW,QAAa,KAAA,QAAA,GAAW,QAAa,CAAA,GAAA,GAAA,CAAA;AACxE,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,SAAS,CAAA,CAAA;AACtC,EAAA,MAAM,YAAe,GAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAE5C,EAAA,MAAM,QAAQ,CAAC,GAAG,MAAM,QAAQ,CAAA,CAAE,MAAM,CAAA,CAAA;AAExC,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,GAAA,CAAI,CAAS,KAAA,KAAA;AACxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,KAAQ,GAAA,CAAA,CAAA,CAAA;AACpC,IAAA,MAAM,MAAM,YAAe,GAAA,KAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAA,CAAU,aAAgB,GAAA,GAAA,KAAQ,GAAM,GAAA,GAAA,CAAA,CAAA;AAC9C,IAAA,MAAM,SAAS,MAAS,GAAA,CAAA,GAAI,IAAI,MAAS,GAAA,CAAA,GAAI,IAAI,MAAU,IAAA,GAAA,CAAA;AAE3D,IAAA,IAAI,kBAEkD,CAAG,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAyBzD,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,gBAAkB,EAAA,KAAA,IAAS,QAAW,GAAA,CAAA,GAAI,CAAI,GAAA,CAAA;AAAA,SAChD;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,eAAiB,EAAA,KAAA,CAAM,KAAM,CAAA,KAAK,EAAE,SAAS,CAAA;AAAA,YAC7C,gBAAkB,EAAA,KAAA,GAAQ,CAAK,IAAA,KAAA,GAAQ,MAAM,CAAI,GAAA,CAAA;AAAA,WACnD;AAAA,SAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GAEH,CAAA,CAAA;AAED,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,IAAA,EAAA,EAAO,cAAe,CAAA,CAAA;AAC9C;;;;"}

package/dist/esm/components/atoms/ProgressBar/styled.d.ts

@@ -13,8 +13,6 @@ export declare const Segment: import("@emotion/native").StyledComponent<import("
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Progress: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface RadioButtonProps {
@@ -9,6 +9,7 @@ export interface RadioButtonProps {
     color?: ColorType;
     colorTone?: ColorGradationType;
     style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const RadioButton: FC<RadioButtonProps>;
+declare const RadioButton: ({ children, onChange, checked, labelPosition, disabled, color, colorTone, ...rest }: RadioButtonProps) => JSX.Element;
 export default RadioButton;

package/dist/esm/components/atoms/RadioButton/RadioButton.js

@@ -16,23 +16,33 @@ const RadioButton = ({
   const handleChange = () => {
     onChange && onChange(!checked);
   };
-  return /* @__PURE__ */ React__default.createElement(Pressable, {
-    ...rest,
-    disabled,
-    onPress: handleChange,
-    accessibilityRole: "radio"
-  }, /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.createElement(ScaledView, null, /* @__PURE__ */ React__default.createElement(Icon, {
-    name: "circle",
-    colorVariant: color,
-    colorTone,
-    type: "material-community",
-    size: "centi"
-  })))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.createElement(ScaledView, null, /* @__PURE__ */ React__default.createElement(Icon, {
-    name: "circle",
-    fontColor: "light",
-    type: "material-community",
-    size: "centi"
-  })))), labelPosition === "right" && children));
+  return /* @__PURE__ */ React__default.createElement(
+    Pressable,
+    {
+      ...rest,
+      disabled,
+      onPress: handleChange,
+      accessibilityRole: "radio"
+    },
+    /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.createElement(ScaledView, null, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        name: "circle",
+        colorVariant: color,
+        colorTone,
+        type: "material-community",
+        size: "centi"
+      }
+    )))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconWrapper, null, /* @__PURE__ */ React__default.createElement(ScaledView, null, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        name: "circle",
+        fontColor: "light",
+        type: "material-community",
+        size: "centi"
+      }
+    )))), labelPosition === "right" && children)
+  );
 };
 
 export { RadioButton as default };

package/dist/esm/components/atoms/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"names":["React"],"mappings":";;;;;AAsBA,MAAM,cAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACT,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,QAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,iBAAkB,EAAA,OAAA;AAAA,GAAA,kBAEjBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,IAAU,QAC5B,EAAA,OAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,QAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,IACd,SAAA;AAAA,IACA,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CACF,CAAA,EAED,CAAC,OAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,QAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CACF,GAED,aAAkB,KAAA,OAAA,IAAW,QAChC,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst RadioButton = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}: RadioButtonProps): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"names":["React"],"mappings":";;;;;AAuBA,MAAM,cAAc,CAAC;AAAA,EACnB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAS,EAAA,YAAA;AAAA,MACT,iBAAkB,EAAA,OAAA;AAAA,KAAA;AAAA,oBAElBA,cAAA,CAAA,aAAA,CAAC,UACE,EAAA,IAAA,EAAA,aAAA,KAAkB,MAAU,IAAA,QAAA,EAC5B,OACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,cACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,SAAA;AAAA,QACA,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CACF,CAED,EAAA,CAAC,OACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,cACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CACF,CAED,EAAA,aAAA,KAAkB,WAAW,QAChC,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/RadioButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/RadioButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RadioButtonProps } from './RadioButton';\n\nexport const IconWrapper = styled(View)<Partial<RadioButtonProps & StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & RadioButtonProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const ScaledView = styled(View)`\n  transform: scale(0.8);\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAqC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGX,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,EAAA;AAIxB,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGzC,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/RadioButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RadioButtonProps } from './RadioButton';\n\nexport const IconWrapper = styled(View)<Partial<RadioButtonProps & StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & RadioButtonProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const ScaledView = styled(View)`\n  transform: scale(0.8);\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAqC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,gBAAA,EACjD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGX,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,EAAA;AAIxB,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGzC,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}