@tecsinapse/react-native-kit 2.2.1-beta.0 → 2.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  Button,\n  ButtonProps,\n  RFValue,\n  StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${({ theme }) => theme.spacing.deca};\n  width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n  background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":[],"mappings":";;;AAQO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,EAAA;AAIjC,MAAA,cAAA,GAAiB,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,UAAA,EAE/B,MAAM,CAAA,EAAG,OAAQ,CAAA,EAAE,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,EAAA;AAGvB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,9 @@
+import { FontStackType, FontWeightType, InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { TextInput } from 'react-native';
+export interface InputNativeProps extends Omit<InputElementProps, 'style'>, InputContainerProps {
+    inputFontStack?: FontStackType;
+    inputFontWeight?: FontWeightType;
+}
+declare const Input: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
+export default Input;

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

@@ -81,3 +81,4 @@ const Input = React__default.forwardRef(
 Input.displayName = "Input";
 
 export { Input as default };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React"],"mappings":";;;;;;AAsBA,MAAM,QAAQA,cAAM,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA;AAAA,MAC1C,SAAA,EAAW,QAAQ,EAAE,CAAA;AAAA,MACrB,GAAG,EAAE,mBAAoB,EAAA;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,oDACG,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,QACvB,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAqB,EAAA,aAAA;AAAA,QACrB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { default as Input } from './Input';
+export type { InputNativeProps } from './Input';

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

@@ -0,0 +1 @@
+export declare const StyledNativeInput: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -10,3 +10,4 @@ const StyledNativeInputBase = styled(InputElement)`
 const StyledNativeInput = styled(StyledNativeInputBase)(fontStyles);
 
 export { StyledNativeInput };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAKA,MAAM,qBAAA,GAAwB,OAAO,YAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,GAAG,UAAU,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKlD,MAAM,iBAAoB,GAAA,MAAA,CAAO,qBAAqB,CAAA,CAE3D,UAAU;;;;"}

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

@@ -0,0 +1,8 @@
+import { FontStackType, FontWeightType, InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export interface InputMaskNativeProps extends Omit<InputMaskElementProps, 'style'>, InputContainerProps {
+    inputFontStack?: FontStackType;
+    inputFontWeight?: FontWeightType;
+}
+declare const InputMask: FC<InputMaskNativeProps>;
+export default InputMask;

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

@@ -78,3 +78,4 @@ const InputMask = React__default.forwardRef(
 InputMask.displayName = "InputMask";
 
 export { InputMask as default };
+//# sourceMappingURL=InputMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n  extends Omit<InputMaskElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <StyledInputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </StyledInputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["React"],"mappings":";;;;;;AAoBA,MAAM,YAAsCA,cAAM,CAAA,UAAA;AAAA,EAChD,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KACJ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

package/dist/esm/components/atoms/InputMask/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InputMask } from './InputMask';
+export type { InputMaskNativeProps } from './InputMask';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const StyledNativeInputMask: import("@emotion/native").StyledComponent<any, {}, {}>;

package/dist/esm/components/atoms/InputMask/styled.js

@@ -13,3 +13,4 @@ const StyledNativeInputMaskBase = styled(InputMaskElement)`
 const StyledNativeInputMask = styled(StyledNativeInputMaskBase)(fontStyles);
 
 export { StyledInputContainer, StyledNativeInputMask };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  InputContainer,\n  InputMaskElement,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n  Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n  Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAUa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cACzC,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGlC,MAAM,yBAAA,GAA4B,OAAO,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,GAAG,UAAU,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKlD,MAAM,qBAAwB,GAAA,MAAA,CAAO,yBAAyB,CAAA,CAEnE,UAAU;;;;"}

package/dist/esm/components/atoms/Modal/ModalGroupManager.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ModalProps } from 'react-native';
+export declare const modalLifecycle: import("./ModalLifecycleHandler").ModalLifecycleHandler;
+export declare const ModalGroupManager: FC<ModalProps>;

package/dist/esm/components/atoms/Modal/ModalGroupManager.js

@@ -21,3 +21,4 @@ const ModalGroupManager = ({ children, ...others }) => {
 };
 
 export { ModalGroupManager, modalLifecycle };
+//# sourceMappingURL=ModalGroupManager.js.map

package/dist/esm/components/atoms/Modal/ModalGroupManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalGroupManager.js","sources":["../../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n  modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n  const _render = modalLifecycle.render();\n  const hasModals = _render.length > 0;\n\n  return (\n    <>\n      {children}\n      <RNModal\n        transparent\n        statusBarTranslucent\n        animationType=\"none\"\n        visible={hasModals}\n        {...others}\n      >\n        {_render}\n      </RNModal>\n    </>\n  );\n};\n"],"names":["React","RNModal"],"mappings":";;;;AAKO,MAAM,iBAAiB,2BAA4B,GAAA;AAQnD,MAAM,oBAAoC,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC5E,EAAA,cAAA,CAAe,MAAO,CAAA,QAAA,CAAqC,EAAE,CAAC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,eAAe,MAAO,EAAA,CAAA;AACtC,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAS,GAAA,CAAA,CAAA;AAEnC,EAAA,mFAEK,QACD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,IAAA;AAAA,MACX,oBAAoB,EAAA,IAAA;AAAA,MACpB,aAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,SAAA;AAAA,MACR,GAAG,MAAA;AAAA,KAAA;AAAA,IAEH,OAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.d.ts

@@ -0,0 +1,24 @@
+import { Dispatch, ReactElement } from 'react';
+import { IBaseModal } from './ui/types';
+interface ModalNode {
+    id: string;
+    visible?: boolean;
+    lastVisualization?: Date;
+    modal: () => ReactElement<IBaseModal>;
+}
+export declare class ModalLifecycleHandler {
+    nodeGroup: Map<string, ModalNode>;
+    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>] | undefined;
+    constructor();
+    attach: (state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]) => void;
+    update: () => void;
+    render: () => ReactElement<IBaseModal>[];
+    sync: (id: string, modal: () => ReactElement<IBaseModal>) => void;
+    destroy: (id: string) => void;
+    private remove;
+    private findNode;
+    show: (id: string) => void;
+    close: (id: string) => void;
+}
+export declare const createModalLifecycleHandler: () => ModalLifecycleHandler;
+export {};

package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js

@@ -125,3 +125,4 @@ const createModalLifecycleHandler = () => {
 };
 
 export { ModalLifecycleHandler, createModalLifecycleHandler };
+//# sourceMappingURL=ModalLifecycleHandler.js.map

package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalLifecycleHandler.js","sources":["../../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n  id: string;\n  visible?: boolean;\n  lastVisualization?: Date;\n  modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n  nodeGroup: Map<string, ModalNode>;\n  state:\n    | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n    | undefined;\n\n  constructor() {\n    this.nodeGroup = new Map();\n    this.state = undefined;\n  }\n\n  /**\n   * Holds the ModalGroupManager state.\n   *\n   * @param state\n   */\n  public attach = (\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n  ) => {\n    this.state = state;\n  };\n\n  /**\n   * Updates all the modal components.\n   */\n  public update = () => {\n    requestAnimationFrame(() => {\n      const nodes = Array.from(this.nodeGroup.values())\n        .filter(node => node.visible || !!node.lastVisualization)\n        .sort(\n          (nodeA, nodeB) =>\n            (nodeA.lastVisualization?.getTime() || 0) -\n            (nodeB.lastVisualization?.getTime() || 0)\n        )\n        .map((node, index, filteredNodes) => {\n          const modalElement = node.modal();\n          const { props } = modalElement;\n          return React.cloneElement(modalElement, {\n            ...props,\n            key: node.id,\n            visible: node.visible,\n            isLastShown: filteredNodes.length - 1 === index,\n            close: () => this.close(node.id),\n            onClose: () => {\n              this.remove(node.id);\n              props.onClose?.();\n            },\n          });\n        });\n\n      const [, updateState] = this.state || [];\n      updateState?.(nodes);\n    });\n  };\n\n  /**\n   * Renders all selected modals.\n   *\n   * @returns\n   */\n  public render = (): ReactElement<IBaseModal>[] => {\n    const [modals] = this.state || [];\n    return modals || [];\n  };\n\n  /**\n   * Tells to the lifecycle handler that a modal component needs to be handled.\n   *\n   * @param id\n   * @param modal\n   * @returns\n   */\n  public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n    if (this.nodeGroup.has(id)) {\n      const savedNode = this.findNode(id);\n      savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n      return;\n    }\n    this.nodeGroup.set(id, { id, modal });\n  };\n\n  /**\n   * Destroy a modal from the lifecycle handler.\n   *\n   * @param id\n   */\n  public destroy = (id: string) => {\n    this.nodeGroup.delete(id);\n    this.update();\n  };\n\n  /**\n   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n   * component is no longer used by the application.\n   *\n   * @param id\n   */\n  private remove = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n    this.update();\n  };\n\n  /**\n   * Find a modal node by id.\n   *\n   * @param id\n   */\n  private findNode = (id: string) => {\n    const node = this.nodeGroup.get(id);\n    !node && console.warn(`No modal was found with the id \"${id}\"`);\n    return node;\n  };\n\n  /**\n   * Makes a modal appears.\n   *\n   * @param id\n   */\n  public show = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, {\n        ...savedNode,\n        visible: true,\n        lastVisualization: new Date(),\n      });\n    this.update();\n  };\n\n  /**\n   * Makes a modal disappears.\n   *\n   * @param id\n   */\n  public close = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n    this.update();\n  };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n  return new ModalLifecycleHandler();\n};\n"],"names":["React"],"mappings":"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"}

package/dist/esm/components/atoms/Modal/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ModalGroupManager';
+export * from './ModalLifecycleHandler';
+export * from './ui/BaseModalView';
+export * from './ui/types';
+export * from './useModalManager';
+export * from './useLazyModalManager';
+export * from './useModalRemoteControl';

package/dist/esm/components/atoms/Modal/ui/BaseModalView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IBaseModal } from './types';
+export declare const ModalView: FC<IBaseModal>;

package/dist/esm/components/atoms/Modal/ui/BaseModalView.js

@@ -145,3 +145,4 @@ const ModalView = ({
 };
 
 export { ModalView };
+//# sourceMappingURL=BaseModalView.js.map

package/dist/esm/components/atoms/Modal/ui/BaseModalView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseModalView.js","sources":["../../../../../../src/components/atoms/Modal/ui/BaseModalView.tsx"],"sourcesContent":["import { BoxContent } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  Dimensions,\n  Easing,\n  Keyboard,\n  LayoutChangeEvent,\n  Pressable,\n  StatusBar,\n} from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { BackDropView, CloseBar, StyledPressableBackDrop } from './styled';\nimport { IBaseModal } from './types';\n\nconst BACKDROP_ALPHA = 0.65;\nconst INTERPOLATION_STEPS = 10;\nconst INTERPOLATION_DURATION = 195; //ms\nconst OPACITY_DURATION = 25; //ms\n\nexport const ModalView: FC<IBaseModal> = ({\n  children,\n  visible,\n  BoxComponent = BoxContent,\n  frozen,\n  isLastShown,\n  showCloseBar = true,\n  close,\n  onClose,\n}) => {\n  const { bottom } = useSafeAreaInsets();\n  const [ready, setReady] = useState(false);\n  const [keyboardOpened, setKeyboardOpened] = useState(0);\n  const [boxHeight, setBoxHeight] = useState(0);\n  const backgroundCarrier = useRef(new Animated.Value(0)).current;\n  const translationCarrier = useRef(new Animated.Value(0)).current;\n  const opacityCarrier = useRef(new Animated.Value(0)).current;\n  const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;\n\n  const getKeyboardHeight = (keyboard: number) => {\n    if (keyboard === 0) return 0;\n\n    const wHeight = Math.ceil(Dimensions.get('window').height);\n    const sHeight = Math.ceil(Dimensions.get('screen').height);\n    if (wHeight !== sHeight) {\n      return keyboard + (sHeight - wHeight - (StatusBar.currentHeight || 0));\n    }\n    return keyboard;\n  };\n\n  const show = useCallback(() => {\n    Animated.sequence([\n      Animated.timing(backgroundCarrier, {\n        toValue: INTERPOLATION_STEPS,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: false,\n      }),\n      Animated.timing(opacityCarrier, {\n        toValue: 1,\n        duration: OPACITY_DURATION,\n        useNativeDriver: true,\n      }),\n      Animated.timing(translationCarrier, {\n        toValue: 0,\n        duration: INTERPOLATION_DURATION,\n        easing: Easing.out(Easing.circle),\n        useNativeDriver: true,\n      }),\n    ]).start();\n  }, []);\n\n  const hide = useCallback(\n    (to: number) => {\n      Animated.sequence([\n        Animated.parallel([\n          Animated.timing(translationCarrier, {\n            toValue: to,\n            duration: INTERPOLATION_DURATION,\n            easing: Easing.out(Easing.circle),\n            useNativeDriver: true,\n          }),\n          Animated.timing(opacityCarrier, {\n            toValue: 0,\n            duration: INTERPOLATION_DURATION,\n            useNativeDriver: true,\n          }),\n        ]),\n        Animated.timing(backgroundCarrier, {\n          toValue: 0,\n          duration: INTERPOLATION_DURATION,\n          easing: Easing.out(Easing.circle),\n          useNativeDriver: false,\n        }),\n      ]).start(onClose);\n    },\n    [onClose]\n  );\n\n  const backgroundInterpolation = backgroundCarrier.interpolate({\n    inputRange: [0, INTERPOLATION_STEPS],\n    outputRange: ['rgba(0, 0, 0, 0)', `rgba(0, 0, 0, ${BACKDROP_ALPHA})`],\n  });\n\n  const handleBoxLayoutChanges = useCallback(\n    (lce: LayoutChangeEvent) => {\n      const boxHeightEvent = lce.nativeEvent.layout.height;\n      setBoxHeight(boxHeightEvent);\n\n      if (visible && !ready) {\n        translationCarrier.setValue(boxHeightEvent);\n        setReady(true);\n      }\n    },\n    [show, ready, visible, setReady]\n  );\n\n  useEffect(() => {\n    if (visible && ready) requestAnimationFrame(() => show());\n    if (!visible && !ready) {\n      Keyboard.dismiss();\n      requestAnimationFrame(() => hide(boxHeight));\n    }\n    if (!visible && ready) setReady(false);\n  }, [ready, visible]);\n\n  useEffect(() => {\n    const showEvent = Keyboard.addListener('keyboardDidShow', e =>\n      setKeyboardOpened(e.endCoordinates.height)\n    );\n    const hideEvent = Keyboard.addListener('keyboardDidHide', () =>\n      setKeyboardOpened(0)\n    );\n    return () => {\n      showEvent.remove();\n      hideEvent.remove();\n    };\n  }, []);\n\n  return (\n    <StyledPressableBackDrop onPress={!frozen ? close : undefined}>\n      <BackDropView style={{ backgroundColor: backgroundInterpolation }}>\n        <Animated.View\n          style={{\n            paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,\n            opacity: opacityCarrier,\n            transform: [{ translateY: translationCarrier }],\n          }}\n        >\n          <Pressable>\n            <BoxComponent\n              onLayout={handleBoxLayoutChanges}\n              style={{ paddingBottom: offset }}\n              variant=\"bottom\"\n            >\n              {showCloseBar && <CloseBar />}\n              {children}\n            </BoxComponent>\n          </Pressable>\n        </Animated.View>\n      </BackDropView>\n    </StyledPressableBackDrop>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/esm/components/atoms/Modal/ui/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledPressableBackDrop: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const BackDropView: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const CloseBar: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/esm/components/atoms/Modal/ui/styled.js

@@ -21,3 +21,4 @@ const CloseBar = styled.View`
 `;
 
 export { BackDropView, CloseBar, StyledPressableBackDrop };
+//# sourceMappingURL=styled.js.map

package/dist/esm/components/atoms/Modal/ui/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Modal/ui/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\n\nexport const StyledPressableBackDrop = styled.Pressable<Partial<StyleProps>>`\n  flex: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const BackDropView = styled(Animated.View)<Partial<StyleProps>>`\n  justify-content: flex-end;\n  flex: 1;\n`;\n\nexport const CloseBar = styled.View<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-radius: ${RFValueStr('10px')};\n  margin: ${`${RFValueStr('5px')} auto`};\n  width: ${RFValueStr('42px')};\n  height: ${RFValueStr('5px')};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,0BAA0B,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOjC,MAAA,YAAA,GAAe,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKzC,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA,oBAAA,EACT,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,iBAC7C,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,UAAA,EACzB,CAAG,EAAA,UAAA,CAAW,KAAK,CAAC,CAAO,KAAA,CAAA,CAAA;AAAA,SAC5B,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,UACjB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Modal/ui/types.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export interface IBaseModal {
+    visible?: boolean;
+    BoxComponent?: React.FC<any>;
+    frozen?: boolean;
+    isLastShown?: boolean;
+    showCloseBar?: boolean;
+    close?: () => void;
+    onClose?: () => void;
+    children?: ReactNode;
+}

package/dist/esm/components/atoms/Modal/useLazyModalManager.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+import { IBaseModal } from "./ui/types";
+export declare const useLazyModalManager: (modalId?: string) => {
+    requestUpdate: () => void;
+    sync: (modal: ReactElement<IBaseModal>) => null;
+    show: () => void;
+    close: () => void;
+};

package/dist/esm/components/atoms/Modal/useLazyModalManager.js

@@ -30,3 +30,4 @@ const useLazyModalManager = (modalId) => {
 };
 
 export { useLazyModalManager };
+//# sourceMappingURL=useLazyModalManager.js.map

package/dist/esm/components/atoms/Modal/useLazyModalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLazyModalManager.js","sources":["../../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useId, useState } from \"react\";\nimport { modalLifecycle } from \"./ModalGroupManager\";\nimport { IBaseModal } from \"./ui/types\";\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @returns\n * @param modalId\n */\nexport const useLazyModalManager = (modalId?: string) => {\n  const uid = useId();\n  const [id] = useState(modalId ?? uid);\n\n  const requestUpdate = useCallback(() => modalLifecycle.update(), []);\n\n  const sync = useCallback(\n    (modal: ReactElement<IBaseModal>) => {\n      modalLifecycle.sync(id, () => modal);\n      return null;\n    },\n    [id]\n  );\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    requestUpdate,\n    sync,\n    show,\n    close,\n  };\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,mBAAA,GAAsB,CAAC,OAAqB,KAAA;AACvD,EAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAClB,EAAA,MAAM,CAAC,EAAE,CAAI,GAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEpC,EAAA,MAAM,gBAAgB,WAAY,CAAA,MAAM,eAAe,MAAO,EAAA,EAAG,EAAE,CAAA,CAAA;AAEnE,EAAA,MAAM,IAAO,GAAA,WAAA;AAAA,IACX,CAAC,KAAoC,KAAA;AACnC,MAAe,cAAA,CAAA,IAAA,CAAK,EAAI,EAAA,MAAM,KAAK,CAAA,CAAA;AACnC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,EAAE,CAAA;AAAA,GACL,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAM,cAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/esm/components/atoms/Modal/useModalManager.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { IBaseModal } from './ui/types';
+export declare const useModalManager: (modal: () => ReactElement<IBaseModal>, modalId?: string) => {
+    show: () => void;
+    close: () => void;
+};

package/dist/esm/components/atoms/Modal/useModalManager.js

@@ -21,3 +21,4 @@ const useModalManager = (modal, modalId) => {
 };
 
 export { useModalManager };
+//# sourceMappingURL=useModalManager.js.map

package/dist/esm/components/atoms/Modal/useModalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalManager.js","sources":["../../../../../src/components/atoms/Modal/useModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useId, useState } from 'react';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @param modalId\n * @param modal\n * @returns\n */\nexport const useModalManager = (\n  modal: () => ReactElement<IBaseModal>,\n  modalId?: string\n) => {\n  const uid = useId();\n  const [id] = useState(modalId ?? uid);\n  modalLifecycle.sync(id, modal);\n\n  const show = useCallback(() => {\n    modalLifecycle.show(id);\n  }, [id]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(id);\n  }, [id]);\n\n  useEffect(() => {\n    return () => modalLifecycle.destroy(id);\n  }, []);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"names":[],"mappings":";;;AAYa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OACG,KAAA;AACH,EAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAClB,EAAA,MAAM,CAAC,EAAE,CAAI,GAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AACpC,EAAe,cAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA,CAAA;AAE7B,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAM,cAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/esm/components/atoms/Modal/useModalRemoteControl.d.ts

@@ -0,0 +1,4 @@
+export declare const useModalRemoteControl: (modalId: string) => {
+    show: () => void;
+    close: () => void;
+};

package/dist/esm/components/atoms/Modal/useModalRemoteControl.js

@@ -15,3 +15,4 @@ const useModalRemoteControl = (modalId) => {
 };
 
 export { useModalRemoteControl };
+//# sourceMappingURL=useModalRemoteControl.js.map

package/dist/esm/components/atoms/Modal/useModalRemoteControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalRemoteControl.js","sources":["../../../../../src/components/atoms/Modal/useModalRemoteControl.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { modalLifecycle } from './ModalGroupManager';\n\n/**\n * Use it to control a specific modal wherever it's.\n * Just provide an id of a specific instance.\n *\n * @param modalId\n * @returns\n */\nexport const useModalRemoteControl = (modalId: string) => {\n  const show = useCallback(() => {\n    modalLifecycle.show(modalId);\n  }, [modalId]);\n\n  const close = useCallback(() => {\n    modalLifecycle.close(modalId);\n  }, [modalId]);\n\n  return {\n    show,\n    close,\n  };\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,qBAAA,GAAwB,CAAC,OAAoB,KAAA;AACxD,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,OAAO,CAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,OAAO,CAAA,CAAA;AAAA,GAC9B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/esm/components/atoms/Skeleton/Pulse.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IAnimationComponent } from './types';
+export declare const Pulse: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;

package/dist/esm/components/atoms/Skeleton/Pulse.js

@@ -31,3 +31,4 @@ const Pulse = ({
 };
 
 export { Pulse };
+//# sourceMappingURL=Pulse.js.map

package/dist/esm/components/atoms/Skeleton/Pulse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.js","sources":["../../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    pulseAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <Animated.View\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        backgroundColor: 'rgba(0,0,0,0.05)',\n        position: 'absolute',\n        top: childrenLayout.x ?? 0,\n        left: childrenLayout.y ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        opacity: animatedValue,\n      }}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;AAKO,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,gBAAgB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,QAAQ,aAAa,CAAA,CAAA;AAAA,GACtC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA,EAAO,SAAS,cAAe,CAAA,KAAA;AAAA,QAC/B,MAAA,EAAQ,UAAU,cAAe,CAAA,MAAA;AAAA,QACjC,eAAiB,EAAA,kBAAA;AAAA,QACjB,QAAU,EAAA,UAAA;AAAA,QACV,GAAA,EAAK,eAAe,CAAK,IAAA,CAAA;AAAA,QACzB,IAAA,EAAM,eAAe,CAAK,IAAA,CAAA;AAAA,QAC1B,MAAQ,EAAA,CAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,OAAS,EAAA,aAAA;AAAA,OACX;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BorderRadiusType } from '@tecsinapse/react-core';
+import { ViewProps } from 'react-native';
+export interface SkeletonProps extends ViewProps {
+    width?: number;
+    height?: number;
+    radius?: BorderRadiusType;
+    active?: boolean;
+    animation?: 'wave' | 'pulse';
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

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

@@ -55,3 +55,4 @@ const Skeleton = ({
 };
 
 export { Skeleton as default };
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n  width?: number;\n  height?: number;\n  radius?: BorderRadiusType;\n  active?: boolean;\n  animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  radius,\n  active = true,\n  animation = 'wave',\n  ...rest\n}) => {\n  const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n    width: 0,\n    height: 0,\n    y: 0,\n    x: 0,\n  });\n\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  const getChildrenLayout = (event: LayoutChangeEvent) => {\n    setChildrenLayout(event.nativeEvent.layout);\n  };\n\n  return (\n    <Wrapper width={width} height={height} radius={radius} {...rest}>\n      {active && animation === 'wave' ? (\n        <Wave\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n\n      {active && animation === 'pulse' ? (\n        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n      <View\n        onLayout={event => getChildrenLayout(event)}\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":["React"],"mappings":";;;;;;AAgBA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAS,GAAA,IAAA;AAAA,EACT,SAAY,GAAA,MAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAyB,CAAA;AAAA,IACnE,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,CAAG,EAAA,CAAA;AAAA,IACH,CAAG,EAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAA6B,KAAA;AACtD,IAAkB,iBAAA,CAAA,KAAA,CAAM,YAAY,MAAM,CAAA,CAAA;AAAA,GAC5C,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAc,EAAA,MAAA,EAAgB,QAAiB,GAAG,IAAA,EAAA,EACxD,MAAU,IAAA,SAAA,KAAc,MACvB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,KAAA;AAAA,GAGF,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAGH,EAAA,MAAA,IAAU,cAAc,OACvB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,KAAA;AAAA,GACF,6EAEE,CAEJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAS,KAAA,KAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,MAC1C,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,MACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,KAAA;AAAA,IAEhC,QAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Skeleton/Wave.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IAnimationComponent } from './types';
+export declare const Wave: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;

package/dist/esm/components/atoms/Skeleton/Wave.js

@@ -51,3 +51,4 @@ const Wave = ({
 };
 
 export { Wave };
+//# sourceMappingURL=Wave.js.map

package/dist/esm/components/atoms/Skeleton/Wave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wave.js","sources":["../../../../../src/components/atoms/Skeleton/Wave.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport * as RNGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(\n  RNGradient.default ?? RNGradient.LinearGradient\n);\n\nexport const Wave = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const range = width ?? childrenLayout.width;\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  const translateX = animatedValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-range, range],\n  });\n\n  useEffect(() => {\n    waveAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <AnimatedLinearGradient\n      colors={[\n        'transparent',\n        'rgba(0,0,0,0.05)',\n        'rgba(0,0,0,0.1)',\n        'transparent',\n      ]}\n      start={{ x: 0, y: 0 }}\n      end={{ x: 1, y: 0 }}\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        position: 'absolute',\n        top: childrenLayout.y ?? 0,\n        left: childrenLayout.x ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        transform: [\n          {\n            translateX: translateX,\n          },\n        ],\n      }}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAMA,MAAM,yBAAyB,QAAS,CAAA,uBAAA;AAAA,EACtC,UAAA,CAAW,WAAW,UAAW,CAAA,cAAA;AACnC,CAAA,CAAA;AAEO,MAAM,OAAO,CAAC;AAAA,EACnB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AACzB,EAAM,MAAA,KAAA,GAAQ,SAAS,cAAe,CAAA,KAAA,CAAA;AACtC,EAAA,MAAM,gBAAgB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAM,MAAA,UAAA,GAAa,cAAc,WAAY,CAAA;AAAA,IAC3C,UAAA,EAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,IACjB,WAAa,EAAA,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA;AAAA,GAC5B,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,QAAQ,aAAa,CAAA,CAAA;AAAA,GACrC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA;AAAA,QACN,aAAA;AAAA,QACA,kBAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA;AAAA,OACF;AAAA,MACA,KAAO,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,MACpB,GAAK,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,MAClB,KAAO,EAAA;AAAA,QACL,KAAA,EAAO,SAAS,cAAe,CAAA,KAAA;AAAA,QAC/B,MAAA,EAAQ,UAAU,cAAe,CAAA,MAAA;AAAA,QACjC,QAAU,EAAA,UAAA;AAAA,QACV,GAAA,EAAK,eAAe,CAAK,IAAA,CAAA;AAAA,QACzB,IAAA,EAAM,eAAe,CAAK,IAAA,CAAA;AAAA,QAC1B,MAAQ,EAAA,CAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,SAAW,EAAA;AAAA,UACT;AAAA,YACE,UAAA;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Skeleton/animation.d.ts

@@ -0,0 +1,3 @@
+import { Animated } from 'react-native';
+export declare const waveAnimation: (active: boolean, animatedValue: Animated.Value) => void;
+export declare const pulseAnimation: (active: boolean, animatedValue: Animated.Value) => void;

package/dist/esm/components/atoms/Skeleton/animation.js

@@ -42,3 +42,4 @@ const pulseAnimation = (active, animatedValue) => {
 };
 
 export { pulseAnimation, waveAnimation };
+//# sourceMappingURL=animation.js.map

package/dist/esm/components/atoms/Skeleton/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sources":["../../../../../src/components/atoms/Skeleton/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport const waveAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.timing(animatedValue, {\n        toValue: 1,\n        duration: 1600,\n        easing: Easing.inOut(Easing.linear),\n        useNativeDriver: true,\n      })\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n\nexport const pulseAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(animatedValue, {\n          toValue: 1,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n        Animated.timing(animatedValue, {\n          toValue: 0,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n"],"names":[],"mappings":";;AAEa,MAAA,aAAA,GAAgB,CAC3B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAAS,QAAA,CAAA,IAAA;AAAA,MACP,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,QAC7B,OAAS,EAAA,CAAA;AAAA,QACT,QAAU,EAAA,IAAA;AAAA,QACV,MAAQ,EAAA,MAAA,CAAO,KAAM,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,QAClC,eAAiB,EAAA,IAAA;AAAA,OAClB,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX,EAAA;AAEa,MAAA,cAAA,GAAiB,CAC5B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAAS,QAAA,CAAA,IAAA;AAAA,MACP,SAAS,QAAS,CAAA;AAAA,QAChB,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,QACD,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,OACF,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX;;;;"}

package/dist/esm/components/atoms/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<any>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/esm/components/atoms/Skeleton/styled.js

@@ -10,3 +10,4 @@ const Wrapper = styled.View`
 `;
 
 export { Wrapper };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nexport const Wrapper = styled.View<Partial<StyleProps & SkeletonProps>>`\n  width: ${({ width }) => (width ? `${RFValueStr(`${width}px`)}` : '100%')};\n  height: ${({ height }) => (height ? `${RFValueStr(`${height}px`)}` : 'auto')};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 0};\n  overflow: hidden;\n  position: relative;\n`;\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA,SAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAO,KAAQ,GAAA,CAAA,EAAG,UAAW,CAAA,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,CAAC,CAAA,CAAA,GAAK,MAAO,CAAA;AAAA,UAAA,EAC9D,CAAC,EAAE,MAAO,EAAA,KAAO,MAAS,GAAA,CAAA,EAAG,UAAW,CAAA,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,CAAC,CAAA,CAAA,GAAK,MAAO,CAAA;AAAA,iBAC3D,EAAA,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAChC,SAAS,KAAM,CAAA,YAAA,CAAa,MAAM,CAAA,GAAI,CAAC,CAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Skeleton/types.d.ts

@@ -0,0 +1,12 @@
+export type ChildrenLayout = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+export interface IAnimationComponent {
+    width?: number;
+    height?: number;
+    active?: boolean;
+    childrenLayout: ChildrenLayout;
+}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ScrollViewProps } from 'react-native';
+import { SpacingType } from '@tecsinapse/react-core';
+export interface SnappingSliderProps extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {
+    showAmount: number;
+    scrollAmount: number;
+    spacing?: SpacingType;
+}
+declare const SnappingSlider: React.FC<SnappingSliderProps>;
+export default SnappingSlider;

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

@@ -52,3 +52,4 @@ const SnappingSlider = ({
 };
 
 export { SnappingSlider as default };
+//# sourceMappingURL=SnappingSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SnappingSlider.js","sources":["../../../../../src/components/atoms/SnappingSlider/SnappingSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, ScrollView, ScrollViewProps, View } from 'react-native';\nimport {\n  extractNumbersFromString,\n  SpacingType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { useTheme } from '@emotion/react';\n\nexport interface SnappingSliderProps\n  extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {\n  /**\n   * Amount in screen elements.\n   * Should never be lower than scrollAmount, otherwise some elements will be skipped.\n   */\n  showAmount: number;\n\n  /**\n   * Amount of items to scroll within a single swipe.\n   * Should never be greater than showAmount, otherwise some elements will be skipped.\n   */\n  scrollAmount: number;\n\n  /**\n   * Spacing between elements.\n   * Must be one of [nano, micro, mili, centi, deca, kilo, mega, giga, tera, peta, hexa]\n   */\n  spacing?: SpacingType;\n}\n\nconst SnappingSlider: React.FC<SnappingSliderProps> = ({\n  children,\n  showAmount,\n  scrollAmount,\n  spacing,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n\n  const childCount = React.Children.count(children);\n  const screenWidth = Dimensions.get('window').width;\n  const totalSlideWidth = Math.round(screenWidth / showAmount);\n  const horizontalPadding = spacing\n    ? extractNumbersFromString(theme.spacing[spacing]) / 2\n    : 0;\n\n  const snapToOffsets = [\n    ...Array(Math.ceil(childCount / scrollAmount)).keys(),\n  ].map(index => {\n    const offset = totalSlideWidth * scrollAmount * index;\n    const padCompensation = horizontalPadding * Math.sign(index);\n    return offset + padCompensation;\n  });\n\n  return (\n    <ScrollView\n      horizontal\n      snapToOffsets={snapToOffsets}\n      snapToStart\n      snapToEnd\n      showsHorizontalScrollIndicator={false}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isFirst = index === 0;\n        const isLast = index === childCount - 1;\n\n        return (\n          <View\n            style={{\n              width: totalSlideWidth,\n              paddingHorizontal: horizontalPadding,\n              paddingLeft: isFirst ? 0 : horizontalPadding,\n              paddingRight: isLast ? 0 : horizontalPadding,\n            }}\n          >\n            {child}\n          </View>\n        );\n      })}\n    </ScrollView>\n  );\n};\n\nexport default SnappingSlider;\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,iBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAChD,EAAA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,eAAkB,GAAA,IAAA,CAAK,KAAM,CAAA,WAAA,GAAc,UAAU,CAAA,CAAA;AAC3D,EAAM,MAAA,iBAAA,GAAoB,UACtB,wBAAyB,CAAA,KAAA,CAAM,QAAQ,OAAO,CAAC,IAAI,CACnD,GAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,MAAM,IAAK,CAAA,IAAA,CAAK,aAAa,YAAY,CAAC,EAAE,IAAK,EAAA;AAAA,GACtD,CAAE,IAAI,CAAS,KAAA,KAAA;AACb,IAAM,MAAA,MAAA,GAAS,kBAAkB,YAAe,GAAA,KAAA,CAAA;AAChD,IAAA,MAAM,eAAkB,GAAA,iBAAA,GAAoB,IAAK,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAC3D,IAAA,OAAO,MAAS,GAAA,eAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AAED,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAU,EAAA,IAAA;AAAA,MACV,aAAA;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,8BAAgC,EAAA,KAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAA,MAAM,UAAU,KAAU,KAAA,CAAA,CAAA;AAC1B,MAAM,MAAA,MAAA,GAAS,UAAU,UAAa,GAAA,CAAA,CAAA;AAEtC,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,iBAAmB,EAAA,iBAAA;AAAA,YACnB,WAAA,EAAa,UAAU,CAAI,GAAA,iBAAA;AAAA,YAC3B,YAAA,EAAc,SAAS,CAAI,GAAA,iBAAA;AAAA,WAC7B;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OACH,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/SnappingSlider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SnappingSlider } from './SnappingSlider';
+export type { SnappingSliderProps } from './SnappingSlider';

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

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { TagProps as TagCoreProps } from '@tecsinapse/react-core';
+export interface TagProps extends Omit<TagCoreProps, 'value'> {
+    value: string | ReactNode;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

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

@@ -23,3 +23,4 @@ const Tag = ({ value, ...rest }) => {
 };
 
 export { Tag as default };
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Tag as TagCore,\n  TagProps as TagCoreProps,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n  value: string | ReactNode;\n}\n\nconst Tag: React.FC<TagProps> = ({ value, ...rest }): JSX.Element => {\n  return (\n    <TagCore\n      value={\n        <Text\n          colorVariant=\"secondary\"\n          colorTone=\"dark\"\n          fontStack=\"default\"\n          fontWeight=\"bold\"\n          typography={rest.variant === 'small' ? 'sub' : 'base'}\n        >\n          {value}\n        </Text>\n      }\n      {...rest}\n    />\n  );\n};\n\nexport default Tag;\n"],"names":["React","TagCore"],"mappings":";;;;AAWA,MAAM,MAA0B,CAAC,EAAE,KAAO,EAAA,GAAG,MAAwB,KAAA;AACnE,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,KACE,kBAAAD,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,YAAa,EAAA,WAAA;AAAA,UACb,SAAU,EAAA,MAAA;AAAA,UACV,SAAU,EAAA,SAAA;AAAA,UACV,UAAW,EAAA,MAAA;AAAA,UACX,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

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

@@ -0,0 +1,5 @@
+import { TextProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export type TextNativeProps = TextProps;
+declare const Text: FC<TextNativeProps>;
+export default Text;

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

@@ -6,3 +6,4 @@ const Text = ({ children, ...rest }) => {
 };
 
 export { Text as default };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import { TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledNativeText } from './styled';\n\nexport type TextNativeProps = TextProps;\n\nconst Text: FC<TextNativeProps> = ({ children, ...rest }): JSX.Element => {\n  return <StyledNativeText {...rest}>{children}</StyledNativeText>;\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;AAMA,MAAM,OAA4B,CAAC,EAAE,QAAU,EAAA,GAAG,MAAwB,KAAA;AACxE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

package/dist/esm/components/atoms/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from './Text';
+export type { TextNativeProps } from './Text';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FontStackType, FontWeightType, StyleProps } from '@tecsinapse/react-core';
+export interface Font {
+    fontStack?: FontStackType;
+    fontWeight?: FontWeightType;
+}
+export declare const fontStyles: ({ theme, fontStack, fontWeight, }: Partial<Font & Partial<StyleProps>>) => any;
+export declare const StyledNativeText: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/dist/esm/components/atoms/Text/styled.js

@@ -17,3 +17,4 @@ const fontStyles = ({
 const StyledNativeText = styled(Text)(fontStyles);
 
 export { StyledNativeText, fontStyles };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  Text,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\nimport { TextNativeProps } from './Text';\n\nexport interface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const fontStyles = ({\n  theme,\n  fontStack = 'default',\n  fontWeight = 'regular',\n}: Partial<Font & Partial<StyleProps>>) => {\n  const fontFamily = theme?.font.stack[fontStack] || '';\n  const fontStyle = theme?.font.files[fontWeight];\n  return css`\n    ${Platform.OS === 'android' ? 'font-weight: normal;' : undefined}\n    font-family: ${fontStyle?.replace('{0}', fontFamily)};\n  `;\n};\n\nexport const StyledNativeText = styled(Text)<\n  Font & Partial<TextNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAeO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAA2C,KAAA;AACzC,EAAA,MAAM,UAAa,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,SAAS,CAAK,IAAA,EAAA,CAAA;AACnD,EAAA,MAAM,SAAY,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC9C,EAAO,OAAA,GAAA,CAAA;AAAA,IAAA,EACH,QAAS,CAAA,EAAA,KAAO,SAAY,GAAA,sBAAA,GAAyB,KAAS,CAAA,CAAA;AAAA,iBAAA,EACjD,SAAW,EAAA,OAAA,CAAQ,KAAO,EAAA,UAAU,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAExD,EAAA;AAEO,MAAM,gBAAmB,GAAA,MAAA,CAAO,IAAI,CAAA,CAEzC,UAAU;;;;"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TextAreaProps as ITACore } from '@tecsinapse/react-core';
+export type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

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

@@ -79,3 +79,4 @@ const TextArea = ({
 };
 
 export { TextArea as default };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/atoms/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledNativeInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"names":["React","TACore"],"mappings":";;;;;AAWA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,eAAkB,GAAA,MAAA;AAAA,EAClB,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,IAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAe,EAAA,IAAA;AAAA,MACf,SAAA;AAAA,KAAA;AAAA,oBAEAD,cAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,cAAA;AAAA,QACX,UAAY,EAAA,eAAA;AAAA,QACZ,QAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,MAAQ,EAAA,UAAA;AAAA,QACR,iBAAmB,EAAA,KAAA;AAAA,QACnB,SAAS,EAAA,IAAA;AAAA,QACT,KAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';