@tecsinapse/react-native-kit 1.22.1-beta.2 → 1.22.1-beta.4

package/dist/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/components/atoms/Skeleton/{styled.mjs → styled.js}

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

package/dist/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,SACnB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAO,QAAQ,CAAG,EAAA,UAAA,CAAW,CAAG,EAAA,KAAA,CAAA,EAAA,CAAS,CAAM,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,UACvD,EAAA,CAAC,EAAE,MAAO,EAAA,KAAO,SAAS,CAAG,EAAA,UAAA,CAAW,CAAG,EAAA,MAAA,CAAA,EAAA,CAAU,CAAM,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,iBACpD,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/SnappingSlider/{SnappingSlider.mjs → SnappingSlider.js}

@@ -76,4 +76,4 @@ const SnappingSlider = (_a) => {
 };
 
 export { SnappingSlider as default };
-//# sourceMappingURL=SnappingSlider.mjs.map
+//# sourceMappingURL=SnappingSlider.js.map

package/dist/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BM,MAAA,cAAA,GAAgD,CAAC,EAMjD,KAAA;AANiD,EACrD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,GAlCF,GA8BuD,EAKlD,EAAA,IAAA,GAAA,SAAA,CALkD,EAKlD,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,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,EAAA,MAAM,oBAAoB,OACtB,GAAA,wBAAA,CAAyB,MAAM,OAAQ,CAAA,OAAA,CAAQ,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,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,cAAA,CAAA;AAAA,IACC,UAAU,EAAA,IAAA;AAAA,IACV,aAAA;AAAA,IACA,WAAW,EAAA,IAAA;AAAA,IACX,SAAS,EAAA,IAAA;AAAA,IACT,8BAAgC,EAAA,KAAA;AAAA,GAAA,EAC5B,OAEH,KAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAA,MAAM,UAAU,KAAU,KAAA,CAAA,CAAA;AAC1B,IAAM,MAAA,MAAA,GAAS,UAAU,UAAa,GAAA,CAAA,CAAA;AAEtC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,eAAA;AAAA,QACP,iBAAmB,EAAA,iBAAA;AAAA,QACnB,WAAA,EAAa,UAAU,CAAI,GAAA,iBAAA;AAAA,QAC3B,YAAA,EAAc,SAAS,CAAI,GAAA,iBAAA;AAAA,OAC7B;AAAA,KAAA,EAEC,KACH,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Tag/{Tag.mjs → Tag.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { Tag as Tag$1 } from '@tecsinapse/react-core';
-import Text from '../Text/Text.mjs';
+import Text from '../Text/Text.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -44,4 +44,4 @@ const Tag = (_a) => {
 };
 
 export { Tag as default };
-//# sourceMappingURL=Tag.mjs.map
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React 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;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,GAAA,GAA0B,CAAC,EAAoC,KAAA;AAApC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAXnC,KAAA,EAAA,GAWiC,EAAY,EAAA,IAAA,GAAA,SAAA,CAAZ,IAAY,CAAV,OAAA,CAAA,CAAA,CAAA;AACjC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,uBACGD,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAa,EAAA,WAAA;AAAA,MACb,SAAU,EAAA,MAAA;AAAA,MACV,SAAU,EAAA,SAAA;AAAA,MACV,UAAW,EAAA,MAAA;AAAA,MACX,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,GAAA,EAEE,IACN,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Text/{Text.mjs → Text.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { StyledNativeText } from './styled.mjs';
+import { StyledNativeText } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -35,4 +35,4 @@ const Text = (_a) => {
 };
 
 export { Text as default };
-//# sourceMappingURL=Text.mjs.map
+//# sourceMappingURL=Text.js.map

package/dist/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,IAAA,GAA4B,CAAC,EAAuC,KAAA;AAAvC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EANrC,QAAA,EAAA,GAMmC,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACnC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAqB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

package/dist/components/atoms/Text/{styled.mjs → styled.js}

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

package/dist/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,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,IAAK,CAAA,KAAA,CAAM,SAAc,CAAA,KAAA,EAAA,CAAA;AACnD,EAAM,MAAA,SAAA,GAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,IAAA,CAAK,KAAM,CAAA,UAAA,CAAA,CAAA;AACpC,EAAO,OAAA,GAAA,CAAA;AAAA,IACH,EAAA,QAAA,CAAS,EAAO,KAAA,SAAA,GAAY,sBAAyB,GAAA,KAAA,CAAA,CAAA;AAAA,iBACxC,EAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,QAAQ,KAAO,EAAA,UAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE7C,EAAA;AAEO,MAAM,gBAAmB,GAAA,MAAA,CAAO,IAAI,CAAA,CAEzC,UAAU;;;;"}

package/dist/components/atoms/TextArea/{TextArea.mjs → TextArea.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useInputFocus, TextArea as TextArea$1 } from '@tecsinapse/react-core';
-import Text from '../Text/Text.mjs';
-import { StyledNativeInput } from './styled.mjs';
+import Text from '../Text/Text.js';
+import { StyledNativeInput } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -126,4 +126,4 @@ const TextArea = (_a) => {
 };
 
 export { TextArea as default };
-//# sourceMappingURL=TextArea.mjs.map
+//# sourceMappingURL=TextArea.js.map

package/dist/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,QAAA,GAA8B,CAAC,EAyB/B,KAAA;AAzB+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,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,SAAA;AAAA,GAlCF,GAWqC,EAwBhC,EAAA,IAAA,GAAA,SAAA,CAxBgC,EAwBhC,EAAA;AAAA,IAvBH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,qBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,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,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAAC,UAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,IACf,SAAA;AAAA,GAEA,kBAAAD,cAAA,CAAA,aAAA,CAAC,oDACK,IADL,CAAA,EAAA;AAAA,IAEC,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,GAAA,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/TextArea/{styled.mjs → styled.js}

@@ -1,8 +1,8 @@
 import styled from '@emotion/native';
 import { TextAreaInputBase } from '@tecsinapse/react-core';
-import { fontStyles } from '../Text/styled.mjs';
+import { fontStyles } from '../Text/styled.js';
 
 const StyledNativeInput = styled(TextAreaInputBase)(fontStyles);
 
 export { StyledNativeInput };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps, TextAreaInputBase } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledNativeInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAKO,MAAM,iBAAoB,GAAA,MAAA,CAAO,iBAAiB,CAAA,CAEvD,UAAU;;;;"}

package/dist/components/molecules/Calendar/{Calendar.mjs → Calendar.js}

@@ -1,7 +1,7 @@
 import { Calendar as Calendar$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import { getLocale } from '../../../utils/date.mjs';
-import Text from '../../atoms/Text/Text.mjs';
+import { getLocale } from '../../../utils/date.js';
+import Text from '../../atoms/Text/Text.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -47,4 +47,4 @@ const Calendar = (_a) => {
 };
 
 export { Calendar };
-//# sourceMappingURL=Calendar.mjs.map
+//# sourceMappingURL=Calendar.js.map

package/dist/components/molecules/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  Calendar as CalendarCore,\n  CalendarProps,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { Text } from '../../atoms/Text';\n\nexport const Calendar = <T extends SelectionType>({\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element => {\n  return (\n    <CalendarCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","CalendarCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAA0B,EAGb,KAAA;AAHa,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GAVF,GASkD,EAE7C,EAAA,IAAA,GAAA,SAAA,CAF6C,EAE7C,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,6CACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/DatePicker/{DatePicker.mjs → DatePicker.js}

@@ -1,13 +1,13 @@
 import { DatePicker as DatePicker$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import { getLocale } from '../../../utils/date.mjs';
-import '../../atoms/Modal/ModalGroupManager.mjs';
-import { ModalView } from '../../atoms/Modal/ui/BaseModalView.mjs';
+import { getLocale } from '../../../utils/date.js';
+import '../../atoms/Modal/ModalGroupManager.js';
+import { ModalView } from '../../atoms/Modal/ui/BaseModalView.js';
 import 'uuid';
-import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.mjs';
-import Text from '../../atoms/Text/Text.mjs';
-import { Calendar } from '../Calendar/Calendar.mjs';
-import { CalendarBoxContent } from './styled.mjs';
+import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.js';
+import Text from '../../atoms/Text/Text.js';
+import { Calendar } from '../Calendar/Calendar.js';
+import { CalendarBoxContent } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -73,4 +73,4 @@ const NativeModal = (_c) => {
 };
 
 export { DatePicker };
-//# sourceMappingURL=DatePicker.mjs.map
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/molecules/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  SelectionType,\n  Value,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Calendar } from '../Calendar';\nimport { CalendarBoxContent } from './styled';\n\nexport type NativeDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  locale,\n  onChange,\n  ...rest\n}: NativeDatePickerProps<T>): JSX.Element => {\n  const modal = useLazyModalManager();\n\n  const handleChange = (value?: Value<T>) => {\n    onChange?.(value);\n    modal.requestUpdate();\n  };\n\n  return (\n    <DatePickerCore\n      {...rest}\n      TextComponent={Text}\n      CalendarComponent={Calendar}\n      locale={locale ?? getLocale()}\n      onChange={handleChange}\n      requestShowCalendar={() => modal.show()}\n      requestCloseCalendar={() => modal.close()}\n      renderCalendar={(calendar, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{calendar}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return (\n    <ModalView BoxComponent={CalendarBoxContent} {...others}>\n      {children}\n    </ModalView>\n  );\n};\n"],"names":["React","DatePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBa,MAAA,UAAA,GAAa,CAA0B,EAIP,KAAA;AAJO,EAClD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,IACA,QAAA;AAAA,GAvBF,GAqBoD,EAG/C,EAAA,IAAA,GAAA,SAAA,CAH+C,EAG/C,EAAA;AAAA,IAFH,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAqB,KAAA;AACzC,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACX,IAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,+CACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,iBAAmB,EAAA,QAAA;AAAA,IACnB,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,IAC5B,QAAU,EAAA,YAAA;AAAA,IACV,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAA8B,CAAC,EAA4B,KAAA;AAA5B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAjDvC,QAAA,EAAA,GAiDqC,EAAe,EAAA,MAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACrC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,cAAA,CAAA;AAAA,IAAU,YAAc,EAAA,kBAAA;AAAA,GAAA,EAAwB,SAC9C,QACH,CAAA,CAAA;AAEJ,CAAA;;;;"}

package/dist/components/molecules/DatePicker/{styled.mjs → styled.js}

@@ -6,4 +6,4 @@ const CalendarBoxContent = styled(BoxContent)`
 `;
 
 export { CalendarBoxContent };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/DatePicker/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { BoxContent, StyleProps } from '@tecsinapse/react-core';\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,kBAAA,GAAqB,OAAO,UAAU,CAAA,CAAA;AAAA,oBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/DateTimePicker/{DateTimePicker.mjs → DateTimePicker.js}

@@ -1,12 +1,12 @@
 import { DateTimePicker as DateTimePicker$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import { getLocale } from '../../../utils/date.mjs';
-import '../../atoms/Modal/ModalGroupManager.mjs';
-import { ModalView } from '../../atoms/Modal/ui/BaseModalView.mjs';
+import { getLocale } from '../../../utils/date.js';
+import '../../atoms/Modal/ModalGroupManager.js';
+import { ModalView } from '../../atoms/Modal/ui/BaseModalView.js';
 import 'uuid';
-import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.mjs';
-import Text from '../../atoms/Text/Text.mjs';
-import { DateTimeSelector } from '../DateTimeSelector/DateTimeSelector.mjs';
+import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.js';
+import Text from '../../atoms/Text/Text.js';
+import { DateTimeSelector } from '../DateTimeSelector/DateTimeSelector.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -63,4 +63,4 @@ const NativeModal = (_c) => {
 };
 
 export { DateTimePicker };
-//# sourceMappingURL=DateTimePicker.mjs.map
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,cAAA,GAAgD,CAAC,EAGxD,KAAA;AAHwD,EAC5D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GAnBF,GAkB8D,EAEzD,EAAA,IAAA,GAAA,SAAA,CAFyD,EAEzD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,mDACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAA,gBAAA;AAAA,IAC3B,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,IAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMD,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAA8B,CAAC,EAA4B,KAAA;AAA5B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCvC,QAAA,EAAA,GAuCqC,EAAe,EAAA,MAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACrC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}

package/dist/components/molecules/DateTimeSelector/{DateTimeSelector.mjs → DateTimeSelector.js}

@@ -1,7 +1,7 @@
 import { DateTimeSelector as DateTimeSelector$1 } from '@tecsinapse/react-core';
 import React__default from 'react';
-import Text from '../../atoms/Text/Text.mjs';
-import { getLocale } from '../../../utils/date.mjs';
+import Text from '../../atoms/Text/Text.js';
+import { getLocale } from '../../../utils/date.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -47,4 +47,4 @@ const DateTimeSelector = (_a) => {
 };
 
 export { DateTimeSelector };
-//# sourceMappingURL=DateTimeSelector.mjs.map
+//# sourceMappingURL=DateTimeSelector.js.map

package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,gBAAA,GAA8C,CAAC,EAGtD,KAAA;AAHsD,EAC1D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GATF,GAQ4D,EAEvD,EAAA,IAAA,GAAA,SAAA,CAFuD,EAEvD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACC,qDACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,0BAAU,SAAU,EAAA;AAAA,GAC9B,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Grid/{Grid.mjs → Grid.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { View } from 'react-native';
-import GridItem from './Item/Item.mjs';
+import GridItem from './Item/Item.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -85,4 +85,4 @@ const Grid = (_a) => {
 };
 
 export { Grid as default };
-//# sourceMappingURL=Grid.mjs.map
+//# sourceMappingURL=Grid.js.map

package/dist/components/molecules/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOkB,KAAA;AAPlB,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,KACI,EAAA,IAAA,CAAA,EAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,GAAA,EACI,OAEHA,cAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAvDtD,IAAAC,IAAAA,GAAAA,CAAAA;AAwDQ,IAAA,OAAOD,cAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASC,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Grid/Item/{Item.mjs → Item.js}

@@ -103,4 +103,4 @@ const GridItem = (_a) => {
 };
 
 export { GridItem as default };
-//# sourceMappingURL=Item.mjs.map
+//# sourceMappingURL=Item.js.map

package/dist/components/molecules/Grid/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":["React"],"mappings":"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"}

package/dist/components/molecules/IconTextButton/{IconTextButton.mjs → IconTextButton.js}

@@ -1,7 +1,7 @@
 import { IconComponent, fontColorVC } from '@tecsinapse/react-core';
 import React__default from 'react';
-import { StyledIconTextButton } from './styled.mjs';
-import TextComponent from './TextComponent.mjs';
+import { StyledIconTextButton } from './styled.js';
+import TextComponent from './TextComponent.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -69,4 +69,4 @@ const IconTextButton = (_a) => {
 };
 
 export { IconTextButton as default };
-//# sourceMappingURL=IconTextButton.mjs.map
+//# sourceMappingURL=IconTextButton.js.map

package/dist/components/molecules/IconTextButton/IconTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTextButton.js","sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import {\n  fontColorVC,\n  IconComponent,\n  IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n  Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}) => {\n  return (\n    <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={fontColorVC[variant]}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,cAAA,GAAsD,CAAC,EAQvD,KAAA;AARuD,EAC3D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,YAAe,GAAA,MAAA;AAAA,IACf,SAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,GAnBT,GAa6D,EAOxD,EAAA,IAAA,GAAA,SAAA,CAPwD,EAOxD,EAAA;AAAA,IANH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,cAAA,CAAA;AAAA,IAAqB,OAAO,CAAC,KAAA;AAAA,IAAO,OAAA;AAAA,GAAsB,EAAA,IAAA,CAAA,EACxD,YAAiB,KAAA,MAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,IAC9B,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/IconTextButton/{TextComponent.mjs → TextComponent.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { StyledText } from './styled.mjs';
+import { StyledText } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -37,4 +37,4 @@ const TextComponent = ({
 var TextComponent$1 = React__default.memo(TextComponent);
 
 export { TextComponent$1 as default };
-//# sourceMappingURL=TextComponent.mjs.map
+//# sourceMappingURL=TextComponent.js.map

package/dist/components/molecules/IconTextButton/TextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextComponent.js","sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledText } from './styled';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n  iconPosition = 'left',\n  hasIcon = false,\n}) => {\n  return label ? (\n    <StyledText\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      iconPosition={iconPosition}\n      hasIcon={hasIcon}\n      {...textProps}\n    >\n      {label}\n    </StyledText>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AAzBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA0BE,EAAA,OAAO,wBACJA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,cAAA,CAAA;AAAA,IACC,cAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAA,CAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,MAAA;AAAA,IACrC,SAAA,EAAA,CAAW,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,gBAAA;AAAA,IACnC,YAAA;AAAA,IACA,OAAA;AAAA,GACI,EAAA,SAAA,CAAA,EAEH,KACH,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/dist/components/molecules/IconTextButton/{styled.mjs → styled.js}

@@ -1,8 +1,8 @@
 import styled, { css } from '@emotion/native';
-import { Button } from '../../atoms/Button/Button.mjs';
+import { Button } from '../../atoms/Button/Button.js';
 import '@tecsinapse/react-core';
 import 'react';
-import Text from '../../atoms/Text/Text.mjs';
+import Text from '../../atoms/Text/Text.js';
 
 const boxedStyle = ({ theme }) => `
     padding: ${theme == null ? void 0 : theme.spacing.centi};
@@ -25,4 +25,4 @@ const StyledText = styled(Text)`
 `;
 
 export { StyledIconTextButton, StyledText };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/IconTextButton/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Text } from '../../atoms/Text';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) => `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n\nexport const StyledText = styled(Text)<\n  Partial<StyleProps> & {\n    iconPosition: IconPositionOptions;\n    hasIcon?: boolean;\n  }\n>`\n  ${({ theme, iconPosition, hasIcon = false }) => {\n    if (hasIcon && iconPosition === 'left')\n      return css`\n        margin-left: ${theme?.spacing.mili};\n      `;\n    else if (hasIcon && iconPosition === 'right')\n      return css`\n        margin-right: ${theme?.spacing.mili};\n      `;\n  }}\n`;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aAAA,EACxC,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/InputPassword/{InputPassword.mjs → InputPassword.js}

@@ -1,6 +1,6 @@
 import { InputPasswordIcon } from '@tecsinapse/react-core';
 import React__default, { useState } from 'react';
-import Input from '../../atoms/Input/Input.mjs';
+import Input from '../../atoms/Input/Input.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -51,4 +51,4 @@ const InputPassword = React__default.forwardRef(
 InputPassword.displayName = "InputPassword";
 
 export { InputPassword as default };
-//# sourceMappingURL=InputPassword.mjs.map
+//# sourceMappingURL=InputPassword.js.map

package/dist/components/molecules/InputPassword/InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { useState } from 'react';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { TextInput } from 'react-native';\n\nexport type InputPasswordNativeProps = InputNativeProps;\n\nconst InputPassword = React.forwardRef<TextInput, InputPasswordNativeProps>(\n  ({ rightComponent, ...rest }, ref) => {\n    const [revealed, setRevealed] = useState(false);\n    return (\n      <Input\n        {...rest}\n        ref={ref}\n        secureTextEntry={!revealed}\n        rightComponent={\n          <>\n            <InputPasswordIcon\n              onChangeState={setRevealed}\n              revealed={revealed}\n              effect=\"none\"\n            />\n            {rightComponent}\n          </>\n        }\n      />\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EAC1B,CAAC,IAA6B,GAAQ,KAAA;AAArC,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EARL,cAAA,EAAA,GAQG,EAAqB,EAAA,IAAA,GAAA,SAAA,CAArB,IAAqB,CAAnB,gBAAA,CAAA,CAAA,CAAA;AACD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,wCACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,iBAAiB,CAAC,QAAA;AAAA,MAClB,cAAA,8FAEKA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA;AAAA,QACA,MAAO,EAAA,MAAA;AAAA,OACT,GACC,cACH,CAAA;AAAA,KAEJ,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}

package/dist/components/molecules/LabeledSwitch/{LabelComponent.mjs → LabelComponent.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { Pressable } from 'react-native';
-import { StyledLabel } from './styled.mjs';
+import { StyledLabel } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -56,4 +56,4 @@ const LabelComponent = (_a) => {
 var LabelComponent$1 = React__default.memo(LabelComponent);
 
 export { LabelComponent$1 as default };
-//# sourceMappingURL=LabelComponent.mjs.map
+//# sourceMappingURL=LabelComponent.js.map

package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelComponent.js","sources":["../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n  FontColor,\n  FontWeight,\n  LabelPositionOptions,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { TextNativeProps } from '../../atoms/Text';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextNativeProps;\n  active: boolean;\n  switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n  label,\n  labelPosition,\n  labelProps,\n  active,\n  switchDisabled = false,\n  ...rest\n}) => {\n  const defaultFontColor: keyof FontColor =\n    active && !switchDisabled ? 'dark' : 'medium';\n  const defaultFontWeight: keyof FontWeight =\n    active && !switchDisabled ? 'bold' : 'regular';\n\n  return (\n    <Pressable {...rest}>\n      <StyledLabel\n        labelPosition={labelPosition}\n        fontColor={labelProps?.fontColor ?? defaultFontColor}\n        fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n        {...labelProps}\n      >\n        {label}\n      </StyledLabel>\n    </Pressable>\n  );\n};\n\nexport default React.memo(LabelComponent);\n"],"names":["_a","_b","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAA,GAA0C,CAAC,EAO3C,KAAA;AAP2C,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,GAvBnB,GAkBiD,EAM5C,EAAA,IAAA,GAAA,SAAA,CAN4C,EAM5C,EAAA;AAAA,IALH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAvBF,EAAA,IAAAA,GAAAC,EAAAA,GAAAA,CAAAA;AA0BE,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAAC,cAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA;AAAA,IACC,aAAA;AAAA,IACA,SAAWF,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAZ,OAAAA,GAAyB,GAAA,gBAAA;AAAA,IACpC,UAAYC,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,UAAA,KAAZ,OAAAA,GAA0B,GAAA,iBAAA;AAAA,GAClC,EAAA,UAAA,CAAA,EAEH,KACH,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAeC,cAAA,CAAM,KAAK,cAAc,CAAA;;;;"}

package/dist/components/molecules/LabeledSwitch/{LabeledSwitch.mjs → LabeledSwitch.js}

@@ -1,7 +1,7 @@
 import { Switch } from '@tecsinapse/react-core';
 import React__default from 'react';
-import LabelComponent from './LabelComponent.mjs';
-import { StyledView } from './styled.mjs';
+import LabelComponent from './LabelComponent.js';
+import { StyledView } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -73,4 +73,4 @@ const LabeledSwitch = (_a) => {
 };
 
 export { LabeledSwitch as default };
-//# sourceMappingURL=LabeledSwitch.mjs.map
+//# sourceMappingURL=LabeledSwitch.js.map

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSwitch.js","sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextNativeProps } from '../../atoms/Text';\nimport LabelComponent from './LabelComponent';\nimport { StyledView } from './styled';\n\nexport type LabeledSwitchNativeProps = LabeledSwitchProps & {\n  labelProps?: TextNativeProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchNativeProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  active,\n  disabled,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledView>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        onChange={onChange}\n        disabled={disabled}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledView>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,aAAA,GAA8C,CAAC,EAS/C,KAAA;AAT+C,EACnD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAUqD,EAQhD,EAAA,IAAA,GAAA,SAAA,CARgD,EAQhD,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/LabeledSwitch/{styled.mjs → styled.js}

@@ -1,6 +1,6 @@
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-import Text from '../../atoms/Text/Text.mjs';
+import Text from '../../atoms/Text/Text.js';
 
 const StyledView = styled(View)`
   display: flex;
@@ -21,4 +21,4 @@ const StyledLabel = styled(Text)`
 `;
 
 export { StyledLabel, StyledView };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/LabeledSwitch/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/Select/{Modal.mjs → Modal.js}

@@ -1,14 +1,14 @@
 import { useDebouncedState, getStatusBarHeight, RFValue, Checkbox, RadioButton } from '@tecsinapse/react-core';
 import * as React from 'react';
 import { FlatList, View } from 'react-native';
-import { Button } from '../../atoms/Button/Button.mjs';
-import Text from '../../atoms/Text/Text.mjs';
-import Header from '../../atoms/Header/Header.mjs';
-import Input from '../../atoms/Input/Input.mjs';
-import '../../atoms/Modal/ModalGroupManager.mjs';
-import { ModalView } from '../../atoms/Modal/ui/BaseModalView.mjs';
+import { Button } from '../../atoms/Button/Button.js';
+import Text from '../../atoms/Text/Text.js';
+import Header from '../../atoms/Header/Header.js';
+import Input from '../../atoms/Input/Input.js';
+import '../../atoms/Modal/ModalGroupManager.js';
+import { ModalView } from '../../atoms/Modal/ui/BaseModalView.js';
 import 'uuid';
-import { getStyledModal, TextTitleModal, SearchBarContainer, SelectIcon, FetchIndicator, ModalFooter, ListItem } from './styled.mjs';
+import { getStyledModal, TextTitleModal, SearchBarContainer, SelectIcon, FetchIndicator, ModalFooter, ListItem } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -227,4 +227,4 @@ const MemoizedOption = ({
 const Modal = Component;
 
 export { Modal };
-//# sourceMappingURL=Modal.mjs.map
+//# sourceMappingURL=Modal.js.map

package/dist/components/molecules/Select/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/molecules/Select/Modal.tsx"],"sourcesContent":["import {\n  Checkbox,\n  getStatusBarHeight,\n  RadioButton,\n  RFValue,\n  useDebouncedState,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { FlatList, ListRenderItemInfo, View } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Header } from '../../atoms/Header';\nimport { Input } from '../../atoms/Input';\nimport { IBaseModal, ModalView } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { SelectNativeProps } from './Select';\nimport {\n  FetchIndicator,\n  getStyledModal,\n  ListItem,\n  ModalFooter,\n  SearchBarContainer,\n  SelectIcon,\n  TextTitleModal,\n} from './styled';\n\ninterface LoadingProps {\n  loading?: boolean;\n}\n\nconst Component = <Data, Type extends 'single' | 'multi'>({\n  options,\n  keyExtractor,\n  labelExtractor,\n  hideSearchBar,\n  searchBarPlaceholder,\n  focused,\n  type,\n  value,\n  onSelect,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  confirmButtonText,\n  loading,\n  close,\n  closeOnPick,\n  ...others\n}: SelectNativeProps<Data, Type> & LoadingProps & IBaseModal): JSX.Element => {\n  const [selectedValues, setSelectedValues] = React.useState<Data[]>([]);\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const ModalComponent = React.useMemo(\n    () => getStyledModal(getStatusBarHeight(true)),\n    []\n  );\n  const _closeOnPick = closeOnPick && type === 'single';\n\n  // Resets the temporary state to the initial state whenever the\n  // modal is reopened or the value changes\n  React.useEffect(() => {\n    setSelectedValues(\n      (value ? (type === 'multi' ? value : [value]) : []) as Data[]\n    );\n  }, [value, focused, setSelectedValues]);\n\n  const getData = React.useCallback(\n    (options: Data[]) => {\n      return options?.map((option, index) => ({\n        ...option,\n        _checked:\n          type === 'multi'\n            ? !!selectedValues.find(\n                value =>\n                  keyExtractor(option, index) == keyExtractor(value, index)\n              )\n            : keyExtractor((selectedValues[0] || {}) as Data, index) ==\n              keyExtractor(option, index),\n      }));\n    },\n    [keyExtractor, selectedValues, type]\n  );\n\n  const data = React.useMemo(\n    () => (typeof options !== 'function' ? getData(options) : []),\n    [options, getData]\n  );\n\n  const handlePressItem = React.useCallback(\n    (option: Data) => {\n      setSelectedValues(selectedValues => {\n        if (type === 'multi') {\n          const newArr: Data[] = [];\n          let found = false;\n          for (const value of selectedValues) {\n            if (keyExtractor(value) != keyExtractor(option)) newArr.push(value);\n            else found = true;\n          }\n          if (!found) newArr.push(option);\n          return newArr;\n        }\n        return keyExtractor((selectedValues[0] || {}) as Data) ===\n          keyExtractor(option)\n          ? []\n          : [option];\n      });\n    },\n    [selectedValues, setSelectedValues, keyExtractor, type]\n  );\n\n  React.useEffect(() => {\n    if (_closeOnPick && selectedValues[0] && selectedValues[0] !== value) {\n      handleConfirm();\n    }\n  }, [selectedValues[0], value, closeOnPick]);\n\n  const handleConfirm = React.useCallback(() => {\n    // TS Workaround since TS won't infer the ternary operator's result type correctly\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    onSelect(\n      (type === 'single' ? selectedValues[0] : selectedValues) as OnSelectArg\n    );\n    close?.();\n  }, [selectedValues]);\n\n  const optionBuilder = React.useCallback(\n    ({ item }: ListRenderItemInfo<Data & { _checked: boolean }>) => (\n      <MemoizedOption\n        item={item}\n        type={type}\n        handlePressItem={handlePressItem}\n        labelExtractor={labelExtractor}\n      />\n    ),\n    []\n  );\n\n  const anyChecked = data.filter(item => item._checked).length;\n  const dataLengthChanged = data.length;\n\n  const memoizedFlatlist = React.useMemo(\n    () => (\n      <FlatList\n        data={data}\n        keyExtractor={keyExtractor}\n        fadingEdgeLength={200}\n        renderItem={optionBuilder}\n      />\n    ),\n    [selectedValues, anyChecked, dataLengthChanged]\n  );\n\n  const titleTextModal = selectModalTitle ? (\n    <TextTitleModal\n      typography=\"h4\"\n      fontWeight=\"bold\"\n      numberOfLines={3}\n      style={{ maxWidth: RFValue(250) }}\n    >\n      {selectModalTitle}\n    </TextTitleModal>\n  ) : null;\n\n  const headerContent = selectModalTitleComponent\n    ? selectModalTitleComponent\n    : titleTextModal;\n\n  return (\n    <ModalView {...others} BoxComponent={ModalComponent} showCloseBar={false}>\n      <Header\n        rightButton={{\n          onPress: close,\n          icon: {\n            name: 'close',\n            type: 'material-community',\n            fontColor: 'light',\n          },\n        }}\n      >\n        {headerContent}\n      </Header>\n\n      {!hideSearchBar && (\n        <SearchBarContainer>\n          <Input\n            placeholder={searchBarPlaceholder}\n            value={searchArg}\n            onChange={setSearchArg}\n            leftComponent={\n              <SelectIcon name=\"search\" type=\"ionicon\" size=\"centi\" />\n            }\n          />\n        </SearchBarContainer>\n      )}\n\n      {loading && (\n        <FetchIndicator animating={true} color={'grey'} size={'large'} />\n      )}\n\n      {memoizedFlatlist}\n\n      {!_closeOnPick && (\n        <ModalFooter>\n          <Button\n            variant={'filled'}\n            color={'primary'}\n            onPress={handleConfirm}\n            disabled={loading}\n          >\n            <Text fontColor={'light'} fontWeight=\"bold\">\n              {confirmButtonText}\n            </Text>\n          </Button>\n        </ModalFooter>\n      )}\n    </ModalView>\n  );\n};\n\ninterface IOption<T> {\n  item: T & { _checked: boolean };\n  type: 'single' | 'multi';\n  labelExtractor: (option: T) => string;\n  handlePressItem: (option: T) => void;\n}\n\nconst MemoizedOption = <T,>({\n  handlePressItem,\n  labelExtractor,\n  item,\n  type,\n}: IOption<T>): JSX.Element => {\n  return React.useMemo(() => {\n    const label = labelExtractor(item);\n    return (\n      <ListItem onPress={() => handlePressItem(item)}>\n        <View pointerEvents={'none'}>\n          {type === 'multi' ? (\n            <Checkbox\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </Checkbox>\n          ) : (\n            <RadioButton\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </RadioButton>\n          )}\n        </View>\n      </ListItem>\n    );\n  }, [item._checked]);\n};\n\nexport const Modal = Component;\n"],"names":["options","value","selectedValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,SAAA,GAAY,CAAwC,EAkBoB,KAAA;AAlBpB,EACxD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,yBAAA;AAAA,IACA,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,GA7CF,GA6B0D,EAiBrD,EAAA,MAAA,GAAA,SAAA,CAjBqD,EAiBrD,EAAA;AAAA,IAhBH,SAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,sBAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,2BAAA;AAAA,IACA,mBAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,IAAI,KAAM,CAAA,QAAA,CAAiB,EAAE,CAAA,CAAA;AACrE,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,iBAAA,CAA0B,IAAI,QAAQ,CAAA,CAAA;AACxE,EAAA,MAAM,iBAAiB,KAAM,CAAA,OAAA;AAAA,IAC3B,MAAM,cAAA,CAAe,kBAAmB,CAAA,IAAI,CAAC,CAAA;AAAA,IAC7C,EAAC;AAAA,GACH,CAAA;AACA,EAAM,MAAA,YAAA,GAAe,eAAe,IAAS,KAAA,QAAA,CAAA;AAI7C,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,iBAAA;AAAA,MACG,QAAS,IAAS,KAAA,OAAA,GAAU,QAAQ,CAAC,KAAK,IAAK,EAAC;AAAA,KACnD,CAAA;AAAA,GACC,EAAA,CAAC,KAAO,EAAA,OAAA,EAAS,iBAAiB,CAAC,CAAA,CAAA;AAEtC,EAAA,MAAM,UAAU,KAAM,CAAA,WAAA;AAAA,IACpB,CAACA,QAAoB,KAAA;AACnB,MAAOA,OAAAA,QAAAA,IAAA,gBAAAA,QAAS,CAAA,GAAA,CAAI,CAAC,MAAQ,EAAA,KAAA,KAAW,iCACnC,MADmC,CAAA,EAAA;AAAA,QAEtC,QACE,EAAA,IAAA,KAAS,OACL,GAAA,CAAC,CAAC,cAAe,CAAA,IAAA;AAAA,UACf,CAAAC,WACE,YAAa,CAAA,MAAA,EAAQ,KAAK,CAAK,IAAA,YAAA,CAAaA,QAAO,KAAK,CAAA;AAAA,SAC5D,GACA,YAAc,CAAA,cAAA,CAAe,CAAM,CAAA,IAAA,IAAa,KAAK,CAAA,IACrD,YAAa,CAAA,MAAA,EAAQ,KAAK,CAAA;AAAA,OAClC,CAAA,CAAA,CAAA;AAAA,KACF;AAAA,IACA,CAAC,YAAc,EAAA,cAAA,EAAgB,IAAI,CAAA;AAAA,GACrC,CAAA;AAEA,EAAA,MAAM,OAAO,KAAM,CAAA,OAAA;AAAA,IACjB,MAAO,OAAO,OAAA,KAAY,aAAa,OAAQ,CAAA,OAAO,IAAI,EAAC;AAAA,IAC3D,CAAC,SAAS,OAAO,CAAA;AAAA,GACnB,CAAA;AAEA,EAAA,MAAM,kBAAkB,KAAM,CAAA,WAAA;AAAA,IAC5B,CAAC,MAAiB,KAAA;AAChB,MAAA,iBAAA,CAAkB,CAAAC,eAAkB,KAAA;AAClC,QAAA,IAAI,SAAS,OAAS,EAAA;AACpB,UAAA,MAAM,SAAiB,EAAC,CAAA;AACxB,UAAA,IAAI,KAAQ,GAAA,KAAA,CAAA;AACZ,UAAA,KAAA,MAAWD,UAASC,eAAgB,EAAA;AAClC,YAAA,IAAI,YAAaD,CAAAA,MAAK,CAAK,IAAA,YAAA,CAAa,MAAM,CAAA;AAAG,cAAA,MAAA,CAAO,KAAKA,MAAK,CAAA,CAAA;AAAA;AAC7D,cAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,WACf;AACA,UAAA,IAAI,CAAC,KAAA;AAAO,YAAA,MAAA,CAAO,KAAK,MAAM,CAAA,CAAA;AAC9B,UAAO,OAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,OAAO,YAAcC,CAAAA,eAAAA,CAAe,CAAM,CAAA,IAAA,EAAW,CAAA,KACnD,YAAa,CAAA,MAAM,CACjB,GAAA,EACA,GAAA,CAAC,MAAM,CAAA,CAAA;AAAA,OACZ,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,cAAA,EAAgB,iBAAmB,EAAA,YAAA,EAAc,IAAI,CAAA;AAAA,GACxD,CAAA;AAEA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,YAAgB,IAAA,cAAA,CAAe,CAAM,CAAA,IAAA,cAAA,CAAe,OAAO,KAAO,EAAA;AACpE,MAAc,aAAA,EAAA,CAAA;AAAA,KAChB;AAAA,KACC,CAAC,cAAA,CAAe,CAAI,CAAA,EAAA,KAAA,EAAO,WAAW,CAAC,CAAA,CAAA;AAE1C,EAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,WAAA,CAAY,MAAM;AAG5C,IAAA,QAAA;AAAA,MACG,IAAA,KAAS,QAAW,GAAA,cAAA,CAAe,CAAK,CAAA,GAAA,cAAA;AAAA,KAC3C,CAAA;AACA,IAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,EAAA,CAAA;AAAA,GACF,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAA,MAAM,gBAAgB,KAAM,CAAA,WAAA;AAAA,IAC1B,CAAC,EAAE,IAAK,EAAA,qBACL,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,IAAA;AAAA,MACA,IAAA;AAAA,MACA,eAAA;AAAA,MACA,cAAA;AAAA,KACF,CAAA;AAAA,IAEF,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,aAAa,IAAK,CAAA,MAAA,CAAO,CAAQ,IAAA,KAAA,IAAA,CAAK,QAAQ,CAAE,CAAA,MAAA,CAAA;AACtD,EAAA,MAAM,oBAAoB,IAAK,CAAA,MAAA,CAAA;AAE/B,EAAA,MAAM,mBAAmB,KAAM,CAAA,OAAA;AAAA,IAC7B,sBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAkB,EAAA,GAAA;AAAA,MAClB,UAAY,EAAA,aAAA;AAAA,KACd,CAAA;AAAA,IAEF,CAAC,cAAgB,EAAA,UAAA,EAAY,iBAAiB,CAAA;AAAA,GAChD,CAAA;AAEA,EAAM,MAAA,cAAA,GAAiB,mCACpB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,UAAW,EAAA,IAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,aAAe,EAAA,CAAA;AAAA,IACf,KAAO,EAAA,EAAE,QAAU,EAAA,OAAA,CAAQ,GAAG,CAAE,EAAA;AAAA,GAAA,EAE/B,gBACH,CACE,GAAA,IAAA,CAAA;AAEJ,EAAM,MAAA,aAAA,GAAgB,4BAClB,yBACA,GAAA,cAAA,CAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,MAAd,CAAA,EAAA;AAAA,IAAsB,YAAc,EAAA,cAAA;AAAA,IAAgB,YAAc,EAAA,KAAA;AAAA,GAAA,CAAA,kBAChE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,KAAA;AAAA,MACT,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,OAAA;AAAA,QACN,IAAM,EAAA,oBAAA;AAAA,QACN,SAAW,EAAA,OAAA;AAAA,OACb;AAAA,KACF;AAAA,GAAA,EAEC,aACH,CAEC,EAAA,CAAC,aACA,oBAAA,KAAA,CAAA,aAAA,CAAC,0CACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAa,EAAA,oBAAA;AAAA,IACb,KAAO,EAAA,SAAA;AAAA,IACP,QAAU,EAAA,YAAA;AAAA,IACV,+BACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MAAW,IAAK,EAAA,QAAA;AAAA,MAAS,IAAK,EAAA,SAAA;AAAA,MAAU,IAAK,EAAA,OAAA;AAAA,KAAQ,CAAA;AAAA,GAE1D,CACF,CAGD,EAAA,OAAA,oBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,SAAW,EAAA,IAAA;AAAA,IAAM,KAAO,EAAA,MAAA;AAAA,IAAQ,IAAM,EAAA,OAAA;AAAA,GAAS,GAGhE,gBAEA,EAAA,CAAC,YACA,oBAAA,KAAA,CAAA,aAAA,CAAC,mCACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,OAAS,EAAA,QAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,IACP,OAAS,EAAA,aAAA;AAAA,IACT,QAAU,EAAA,OAAA;AAAA,GAAA,kBAET,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,SAAW,EAAA,OAAA;AAAA,IAAS,UAAW,EAAA,MAAA;AAAA,GAClC,EAAA,iBACH,CACF,CACF,CAEJ,CAAA,CAAA;AAEJ,CAAA,CAAA;AASA,MAAM,iBAAiB,CAAK;AAAA,EAC1B,eAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AACF,CAA+B,KAAA;AAC7B,EAAO,OAAA,KAAA,CAAM,QAAQ,MAAM;AACzB,IAAM,MAAA,KAAA,GAAQ,eAAe,IAAI,CAAA,CAAA;AACjC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,OAAA,EAAS,MAAM,eAAA,CAAgB,IAAI,CAAA;AAAA,KAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,aAAe,EAAA,MAAA;AAAA,KAClB,EAAA,IAAA,KAAS,0BACP,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAO,EAAA,SAAA;AAAA,MACP,aAAe,EAAA,OAAA;AAAA,MACf,SAAS,IAAK,CAAA,QAAA;AAAA,KAAA,kBAEb,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,UAAA,EAAY,IAAK,CAAA,QAAA,GAAW,MAAS,GAAA,SAAA;AAAA,KACxC,EAAA,KACH,CACF,CAAA,mBAEC,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MACC,KAAO,EAAA,SAAA;AAAA,MACP,aAAe,EAAA,OAAA;AAAA,MACf,SAAS,IAAK,CAAA,QAAA;AAAA,KAAA,kBAEb,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,UAAA,EAAY,IAAK,CAAA,QAAA,GAAW,MAAS,GAAA,SAAA;AAAA,KACxC,EAAA,KACH,CACF,CAEJ,CACF,CAAA,CAAA;AAAA,GAED,EAAA,CAAC,IAAK,CAAA,QAAQ,CAAC,CAAA,CAAA;AACpB,CAAA,CAAA;AAEO,MAAM,KAAQ,GAAA;;;;"}

package/dist/components/molecules/Select/{Select.mjs → Select.js}

@@ -1,15 +1,15 @@
 import { useInputFocus, HintInputContainer } from '@tecsinapse/react-core';
 import * as React from 'react';
 import { useState, useEffect } from 'react';
-import '../../atoms/Modal/ModalGroupManager.mjs';
+import '../../atoms/Modal/ModalGroupManager.js';
 import 'react-native';
 import 'react-native-safe-area-context';
-import '../../atoms/Modal/ui/styled.mjs';
+import '../../atoms/Modal/ui/styled.js';
 import 'uuid';
-import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.mjs';
-import Text from '../../atoms/Text/Text.mjs';
-import { Modal } from './Modal.mjs';
-import { StyledSelectionText, SelectIcon } from './styled.mjs';
+import { useLazyModalManager } from '../../atoms/Modal/useLazyModalManager.js';
+import Text from '../../atoms/Text/Text.js';
+import { Modal } from './Modal.js';
+import { StyledSelectionText, SelectIcon } from './styled.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -237,4 +237,4 @@ function Select(_a) {
 }
 
 export { Select as default };
-//# sourceMappingURL=Select.mjs.map
+//# sourceMappingURL=Select.js.map