@tecsinapse/react-native-kit 1.18.6 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":["Select","value","options","keyExtractor","groupKeyExtractor","onSelect","type","labelExtractor","placeholder","onFocus","onBlur","disabled","onSearch","selectModalTitle","selectModalTitleComponent","searchBarPlaceholder","hideSearchBar","confirmButtonText","rightComponent","variant","hintComponent","hint","style","controlComponent","closeOnPick","label","numberOfLines","rest","focused","handleBlur","handleFocus","selectOptions","setSelectOptions","modal","loading","setLoading","onlyLabel","hasValue","length","_placeholder","_label","undefined","handleLazyFocus","React","useCallback","result","find","v","e","handleOnSearch","searchInput","selectedValues","filter","current","requestUpdate","getDisplayValue","Array","isArray","reduce","acc","option","index","key","slice","selectedOption","sync","handlePressInput","show","Text"],"mappings":"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","sourcesContent":["import {\n  HintInputContainer,\n  InputContainerProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Modal } from './Modal';\nimport { SelectIcon, StyledSelectionText } from './styled';\n\nexport interface SelectNativeProps<Data, Type extends 'single' | 'multi'>\n  extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {\n  options: ((searchInput?: string) => Promise<Data[]>) | Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  value: Type extends 'single' ? Data | null | undefined : Data[];\n  type: Type;\n\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  groupKeyExtractor?: (t: Data) => string;\n\n  hideSearchBar?: boolean;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  onSearch?:\n    | ((searchArg: string) => void)\n    | ((searchInput?: string) => Promise<Data[]>)\n    | never;\n  searchBarPlaceholder?: string;\n  confirmButtonText?: string;\n  selectModalTitle?: string;\n  selectModalTitleComponent?: JSX.Element;\n  closeOnPick?: boolean;\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  numberOfLines?: number;\n}\n\nfunction Select<Data, Type extends 'single' | 'multi'>({\n  /** Select props */\n  value,\n  options,\n  keyExtractor,\n  groupKeyExtractor,\n  onSelect,\n  type,\n  labelExtractor,\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  searchBarPlaceholder,\n  hideSearchBar,\n  confirmButtonText,\n  rightComponent,\n  variant = 'default',\n  hintComponent,\n  hint,\n  style,\n  controlComponent,\n  closeOnPick = type === 'single',\n  label,\n  numberOfLines,\n  ...rest\n}: SelectNativeProps<Data, Type>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n  const modal = useLazyModalManager();\n\n  // TODO: Add Skeleton to modal height when loading is true\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const onlyLabel = label && !placeholder;\n  const hasValue =\n    type === 'single' ? !!value : ((value || []) as []).length > 0;\n  const _placeholder = onlyLabel ? label : placeholder;\n  const _label = hasValue ? label : undefined;\n\n  useEffect(() => {\n    if (typeof options !== 'function') {\n      setSelectOptions(options);\n    }\n  }, [options]);\n\n  const handleLazyFocus = React.useCallback(async () => {\n    if (typeof options === 'function') {\n      setLoading(true);\n      try {\n        const result = await options();\n        if (result) {\n          if (\n            value &&\n            !result.find(v => keyExtractor(value as Data) === keyExtractor(v))\n          ) {\n            setSelectOptions([value as Data, ...result]);\n          } else setSelectOptions(result);\n        }\n      } catch (e) {\n        // TODO: Catch error\n      } finally {\n        setLoading(false);\n      }\n    }\n  }, [options, value, setSelectOptions]);\n\n  const handleOnSearch = React.useCallback(\n    async (searchInput: string | undefined) => {\n      if (searchInput !== undefined && onSearch) {\n        setLoading(true);\n        try {\n          const result = await onSearch(searchInput);\n          if (result) {\n            if (type === 'single') {\n              if (\n                value &&\n                !result.find(\n                  v => keyExtractor(value as Data) === keyExtractor(v)\n                )\n              ) {\n                setSelectOptions([value as Data, ...result]);\n              } else setSelectOptions(result);\n            } else {\n              if ((value as Data[]).length > 0) {\n                const selectedValues =\n                  (value as Data[]).filter(\n                    v =>\n                      !result.find(\n                        current =>\n                          keyExtractor(v as Data) === keyExtractor(current)\n                      )\n                  ) || [];\n                setSelectOptions([...selectedValues, ...result]);\n              } else {\n                setSelectOptions(result);\n              }\n            }\n          }\n        } catch (e) {\n          // TODO: Catch error\n        } finally {\n          modal.requestUpdate();\n          setLoading(false);\n        }\n      }\n    },\n    [options, value, keyExtractor]\n  );\n\n  const getDisplayValue = React.useCallback(() => {\n    if (Array.isArray(value)) {\n      if (value.length === 0) return _placeholder;\n      else {\n        let options =\n          selectOptions.length > 0 ? selectOptions : (value as Data[]);\n        return options\n          ?.reduce(\n            (acc, option, index) =>\n              value.find(\n                key => keyExtractor(option, index) == keyExtractor(key, index)\n              )\n                ? acc + labelExtractor(option) + ', '\n                : acc,\n            ''\n          )\n          .slice(0, -2);\n      }\n    } else {\n      if (!value) return _placeholder;\n      const selectedOption = selectOptions?.find(\n        (option, index) =>\n          keyExtractor(option, index) == keyExtractor(value as Data, index)\n      );\n      return labelExtractor(selectedOption ?? (value as Data));\n    }\n  }, [_placeholder, value, selectOptions]);\n\n  modal.sync(\n    <Modal\n      options={selectOptions || []}\n      focused={true}\n      keyExtractor={keyExtractor}\n      labelExtractor={labelExtractor}\n      groupKeyExtractor={groupKeyExtractor}\n      searchBarPlaceholder={searchBarPlaceholder}\n      type={type}\n      onSelect={onSelect}\n      value={value}\n      hideSearchBar={hideSearchBar}\n      onSearch={handleOnSearch}\n      selectModalTitle={selectModalTitle}\n      selectModalTitleComponent={selectModalTitleComponent}\n      confirmButtonText={confirmButtonText}\n      loading={loading}\n      onClose={handleBlur}\n      closeOnPick={closeOnPick}\n    />\n  );\n\n  const handlePressInput = async () => {\n    modal.show();\n    handleFocus();\n    await handleLazyFocus();\n  };\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handlePressInput, getDisplayValue() || '')\n      ) : (\n        <HintInputContainer\n          viewStyle={style}\n          onPress={handlePressInput}\n          focused={focused}\n          disabled={disabled}\n          LabelComponent={Text}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          label={_label}\n          rightComponent={\n            <>\n              <SelectIcon name=\"chevron-down\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledSelectionText\n            numberOfLines={numberOfLines}\n            fontWeight=\"bold\"\n            disabled={disabled}\n          >\n            {getDisplayValue() || ' '}\n          </StyledSelectionText>\n        </HintInputContainer>\n      )}\n    </>\n  );\n}\n\nexport default Select;\n"],"file":"Select.js"}
+{"version":3,"file":"Select.js","names":["Select","value","options","keyExtractor","groupKeyExtractor","onSelect","type","labelExtractor","placeholder","onFocus","onBlur","disabled","onSearch","selectModalTitle","selectModalTitleComponent","searchBarPlaceholder","hideSearchBar","confirmButtonText","rightComponent","variant","hintComponent","hint","style","controlComponent","closeOnPick","label","numberOfLines","rest","focused","handleBlur","handleFocus","useInputFocus","selectOptions","setSelectOptions","useState","modal","useLazyModalManager","loading","setLoading","onlyLabel","hasValue","length","_placeholder","_label","undefined","useEffect","handleLazyFocus","React","useCallback","result","find","v","e","handleOnSearch","searchInput","selectedValues","filter","current","requestUpdate","getDisplayValue","Array","isArray","reduce","acc","option","index","key","slice","selectedOption","sync","handlePressInput","show","Text"],"sources":["../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n  HintInputContainer,\n  InputContainerProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Modal } from './Modal';\nimport { SelectIcon, StyledSelectionText } from './styled';\n\nexport interface SelectNativeProps<Data, Type extends 'single' | 'multi'>\n  extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {\n  options: ((searchInput?: string) => Promise<Data[]>) | Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  value: Type extends 'single' ? Data | null | undefined : Data[];\n  type: Type;\n\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  groupKeyExtractor?: (t: Data) => string;\n\n  hideSearchBar?: boolean;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  onSearch?:\n    | ((searchArg: string) => void)\n    | ((searchInput?: string) => Promise<Data[]>)\n    | never;\n  searchBarPlaceholder?: string;\n  confirmButtonText?: string;\n  selectModalTitle?: string;\n  selectModalTitleComponent?: JSX.Element;\n  closeOnPick?: boolean;\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  numberOfLines?: number;\n}\n\nfunction Select<Data, Type extends 'single' | 'multi'>({\n  /** Select props */\n  value,\n  options,\n  keyExtractor,\n  groupKeyExtractor,\n  onSelect,\n  type,\n  labelExtractor,\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  searchBarPlaceholder,\n  hideSearchBar,\n  confirmButtonText,\n  rightComponent,\n  variant = 'default',\n  hintComponent,\n  hint,\n  style,\n  controlComponent,\n  closeOnPick = type === 'single',\n  label,\n  numberOfLines,\n  ...rest\n}: SelectNativeProps<Data, Type>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n  const modal = useLazyModalManager();\n\n  // TODO: Add Skeleton to modal height when loading is true\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const onlyLabel = label && !placeholder;\n  const hasValue =\n    type === 'single' ? !!value : ((value || []) as []).length > 0;\n  const _placeholder = onlyLabel ? label : placeholder;\n  const _label = hasValue ? label : undefined;\n\n  useEffect(() => {\n    if (typeof options !== 'function') {\n      setSelectOptions(options);\n    }\n  }, [options]);\n\n  const handleLazyFocus = React.useCallback(async () => {\n    if (typeof options === 'function') {\n      setLoading(true);\n      try {\n        const result = await options();\n        if (result) {\n          if (\n            value &&\n            !result.find(v => keyExtractor(value as Data) === keyExtractor(v))\n          ) {\n            setSelectOptions([value as Data, ...result]);\n          } else setSelectOptions(result);\n        }\n      } catch (e) {\n        // TODO: Catch error\n      } finally {\n        setLoading(false);\n      }\n    }\n  }, [options, value, setSelectOptions]);\n\n  const handleOnSearch = React.useCallback(\n    async (searchInput: string | undefined) => {\n      if (searchInput !== undefined && onSearch) {\n        setLoading(true);\n        try {\n          const result = await onSearch(searchInput);\n          if (result) {\n            if (type === 'single') {\n              if (\n                value &&\n                !result.find(\n                  v => keyExtractor(value as Data) === keyExtractor(v)\n                )\n              ) {\n                setSelectOptions([value as Data, ...result]);\n              } else setSelectOptions(result);\n            } else {\n              if ((value as Data[]).length > 0) {\n                const selectedValues =\n                  (value as Data[]).filter(\n                    v =>\n                      !result.find(\n                        current =>\n                          keyExtractor(v as Data) === keyExtractor(current)\n                      )\n                  ) || [];\n                setSelectOptions([...selectedValues, ...result]);\n              } else {\n                setSelectOptions(result);\n              }\n            }\n          }\n        } catch (e) {\n          // TODO: Catch error\n        } finally {\n          modal.requestUpdate();\n          setLoading(false);\n        }\n      }\n    },\n    [options, value, keyExtractor]\n  );\n\n  const getDisplayValue = React.useCallback(() => {\n    if (Array.isArray(value)) {\n      if (value.length === 0) return _placeholder;\n      else {\n        const options =\n          selectOptions.length > 0 ? selectOptions : (value as Data[]);\n        return options\n          ?.reduce(\n            (acc, option, index) =>\n              value.find(\n                key => keyExtractor(option, index) == keyExtractor(key, index)\n              )\n                ? acc + labelExtractor(option) + ', '\n                : acc,\n            ''\n          )\n          .slice(0, -2);\n      }\n    } else {\n      if (!value) return _placeholder;\n      const selectedOption = selectOptions?.find(\n        (option, index) =>\n          keyExtractor(option, index) == keyExtractor(value as Data, index)\n      );\n      return labelExtractor(selectedOption ?? (value as Data));\n    }\n  }, [_placeholder, value, selectOptions]);\n\n  modal.sync(\n    <Modal\n      options={selectOptions || []}\n      focused={true}\n      keyExtractor={keyExtractor}\n      labelExtractor={labelExtractor}\n      groupKeyExtractor={groupKeyExtractor}\n      searchBarPlaceholder={searchBarPlaceholder}\n      type={type}\n      onSelect={onSelect}\n      value={value}\n      hideSearchBar={hideSearchBar}\n      onSearch={handleOnSearch}\n      selectModalTitle={selectModalTitle}\n      selectModalTitleComponent={selectModalTitleComponent}\n      confirmButtonText={confirmButtonText}\n      loading={loading}\n      onClose={handleBlur}\n      closeOnPick={closeOnPick}\n    />\n  );\n\n  const handlePressInput = async () => {\n    modal.show();\n    handleFocus();\n    await handleLazyFocus();\n  };\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handlePressInput, getDisplayValue() || '')\n      ) : (\n        <HintInputContainer\n          viewStyle={style}\n          onPress={handlePressInput}\n          focused={focused}\n          disabled={disabled}\n          LabelComponent={Text}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          label={_label}\n          rightComponent={\n            <>\n              <SelectIcon name=\"chevron-down\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledSelectionText\n            numberOfLines={numberOfLines}\n            fontWeight=\"bold\"\n            disabled={disabled}\n          >\n            {getDisplayValue() || ' '}\n          </StyledSelectionText>\n        </HintInputContainer>\n      )}\n    </>\n  );\n}\n\nexport default Select;\n"],"mappings":"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"}

package/dist/components/molecules/Select/index.js

@@ -1,13 +1,23 @@
 "use strict";
 
-exports.__esModule = true;
-exports.SelectNativeProps = exports.Select = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "SelectNativeProps", {
+  enumerable: true,
+  get: function () {
+    return _Select.SelectNativeProps;
+  }
+});
 
 var _Select = _interopRequireWildcard(require("./Select"));
 
-exports.Select = _Select.default;
-exports.SelectNativeProps = _Select.SelectNativeProps;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Select/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Select, SelectNativeProps } from './Select';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Select/index.ts"],"sourcesContent":["export { default as Select, SelectNativeProps } from './Select';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Select/styled.js

@@ -1,7 +1,9 @@
 "use strict";
 
-exports.__esModule = true;
-exports.TextTitleModal = exports.FetchIndicator = exports.SelectIcon = exports.ModalFooter = exports.ListItem = exports.SearchBar = exports.SearchBarContainer = exports.CloseButton = exports.Header = exports.StyledPressableSurface = exports.Dummy = exports.StyledSelectionText = exports.getStyledModal = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyledModal = exports.TextTitleModal = exports.StyledSelectionText = exports.StyledPressableSurface = exports.SelectIcon = exports.SearchBarContainer = exports.SearchBar = exports.ModalFooter = exports.ListItem = exports.Header = exports.FetchIndicator = exports.Dummy = exports.CloseButton = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
@@ -13,110 +15,101 @@ var _Input = require("../../atoms/Input");
 
 var _Text = require("../../atoms/Text");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const getStyledModal = (safeTop = 0) => {
-  return (0, _native.default)(_reactNative.View)`
-    padding-top: ${`${(0, _reactCore.RFValue)(safeTop)}px`};
-    background-color: ${({
-    theme
-  }) => theme.miscellaneous.bodyColor};
-    height: 100%;
-  `;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const getStyledModal = function () {
+  let safeTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return (0, _native.default)(_reactNative.View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-top: ", ";\n    background-color: ", ";\n    height: 100%;\n  "])), "".concat((0, _reactCore.RFValue)(safeTop), "px"), _ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.miscellaneous.bodyColor;
+  });
 };
 
 exports.getStyledModal = getStyledModal;
 const StyledSelectionText = (0, _native.default)(_Text.Text)(props => {
   var _props$theme;
 
-  return (0, _native.css)`
-    line-height: ${(_props$theme = props.theme) == null ? void 0 : _props$theme.typography.h5.lineHeight};
-    ${(0, _reactCore.disabledInputStyles)(props)};
-  `;
+  return (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    line-height: ", ";\n    ", ";\n  "])), (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.typography.h5.lineHeight, (0, _reactCore.disabledInputStyles)(props));
 });
 exports.StyledSelectionText = StyledSelectionText;
-const Dummy = (0, _native.default)(_reactNative.View)`
-  aspect-ratio: 1;
-  height: 100%;
-`;
+const Dummy = (0, _native.default)(_reactNative.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  aspect-ratio: 1;\n  height: 100%;\n"])));
 exports.Dummy = Dummy;
-const StyledPressableSurface = (0, _native.default)(_reactCore.PressableSurface)`
-  width: 100%;
-`;
+const StyledPressableSurface = (0, _native.default)(_reactCore.PressableSurface)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 exports.StyledPressableSurface = StyledPressableSurface;
-const Header = (0, _native.default)(_reactNative.View)`
-  position: relative;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: ${({
-  theme
-}) => theme.spacing.deca};
-  height: ${(0, _reactCore.RFValueStr)('75px')};
-`;
+const Header = (0, _native.default)(_reactNative.View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  height: ", ";\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.deca;
+}, (0, _reactCore.RFValueStr)('75px'));
 exports.Header = Header;
-const CloseButton = (0, _native.default)(_reactCore.Button)`
-  aspect-ratio: 1;
-  height: 100%;
-`;
+const CloseButton = (0, _native.default)(_reactCore.Button)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  aspect-ratio: 1;\n  height: 100%;\n"])));
 exports.CloseButton = CloseButton;
-const SearchBarContainer = (0, _native.default)(_reactNative.View)`
-  padding: ${({
-  theme
-}) => theme.spacing.deca};
-  position: relative;
-`;
+const SearchBarContainer = (0, _native.default)(_reactNative.View)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding: ", ";\n  position: relative;\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spacing.deca;
+});
 exports.SearchBarContainer = SearchBarContainer;
-const SearchBar = (0, _native.default)(_Input.Input)`
-  margin-bottom: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+const SearchBar = (0, _native.default)(_Input.Input)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spacing.deca;
+});
 exports.SearchBar = SearchBar;
-const ListItem = (0, _native.default)(_reactCore.PressableSurface)`
-  border-bottom-width: ${(0, _reactCore.RFValueStr)('1px')};
-  border-color: ${({
-  theme
-}) => theme.color.secondary.light};
-  padding-vertical: ${({
-  theme
-}) => theme.spacing.mili};
-  padding-horizontal: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+const ListItem = (0, _native.default)(_reactCore.PressableSurface)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-bottom-width: ", ";\n  border-color: ", ";\n  padding-vertical: ", ";\n  padding-horizontal: ", ";\n"])), (0, _reactCore.RFValueStr)('1px'), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.color.secondary.light;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spacing.mili;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spacing.deca;
+});
 exports.ListItem = ListItem;
-const ModalFooter = (0, _native.default)(_reactNative.View)`
-  width: 100%;
-  height: auto;
-  bottom: 0;
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.bodyColor};
-  padding: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+const ModalFooter = (0, _native.default)(_reactNative.View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  bottom: 0;\n  background-color: ", ";\n  padding: ", ";\n"])), _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.miscellaneous.bodyColor;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.spacing.deca;
+});
 exports.ModalFooter = ModalFooter;
-const SelectIcon = (0, _native.default)(_reactCore.Icon)`
-  padding: ${({
-  theme
-}) => theme.spacing.centi};
-  color: ${({
-  theme
-}) => theme.color.secondary.medium};
-`;
+const SelectIcon = (0, _native.default)(_reactCore.Icon)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: ", ";\n  color: ", ";\n"])), _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.spacing.centi;
+}, _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.color.secondary.medium;
+});
 exports.SelectIcon = SelectIcon;
-const FetchIndicator = (0, _native.default)(_reactNative.ActivityIndicator)`
-  align-self: center;
-`;
+const FetchIndicator = (0, _native.default)(_reactNative.ActivityIndicator)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  align-self: center;\n"])));
 exports.FetchIndicator = FetchIndicator;
-const TextTitleModal = (0, _native.default)(_Text.Text)`
-  text-align: center;
-`;
+const TextTitleModal = (0, _native.default)(_Text.Text)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  text-align: center;\n"])));
 exports.TextTitleModal = TextTitleModal;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Select/styled.ts"],"names":["getStyledModal","safeTop","View","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","typography","h5","lineHeight","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"mappings":";;;;;AAAA;;AACA;;AAYA;;AACA;;AACA;;;;;;AAEO,MAAMA,cAAc,GAAG,CAACC,OAAO,GAAG,CAAX,KAAiB;AAC7C,SAAO,qBAAOC,iBAAP,CAA+C;AACxD,mBAAoB,GAAE,wBAAQD,OAAR,CAAiB,IAAI;AAC3C,wBAAwB,CAAC;AAAEE,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACrE;AACA,GAJE;AAKD,CANM;;;AAQA,MAAMC,mBAAmB,GAAG,qBAAOC,UAAP,EAChCC,KAAD;AAAA;;AAAA,SAA+D,gBAAI;AACrE,mBADoE,gBACjDA,KAAK,CAACL,KAD2C,qBACjD,aAAaM,UAAb,CAAwBC,EAAxB,CAA2BC,UAAW;AACzD,MAAM,oCAAoBH,KAApB,CAA2B;AACjC,GAHE;AAAA,CADiC,CAA5B;;AAOA,MAAMI,KAAK,GAAG,qBAAOV,iBAAP,CAAa;AAClC;AACA;AACA,CAHO;;AAKA,MAAMW,sBAAsB,GAAG,qBACpCC,2BADoC,CAEb;AACzB;AACA,CAJO;;AAMA,MAAMC,MAAM,GAAG,qBAAOb,iBAAP,CAA8C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C,YAAY,2BAAW,MAAX,CAAmB;AAC/B,CATO;;AAWA,MAAMC,WAAW,GAAG,qBAAOC,iBAAP,CAAkD;AAC7E;AACA;AACA,CAHO;;AAKA,MAAMC,kBAAkB,GAAG,qBAAOlB,iBAAP,CAA8C;AAChF,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C;AACA,CAHO;;AAKA,MAAMI,SAAS,GAAG,qBAAOC,YAAP,CAAsD;AAC/E,mBAAmB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AACrD,CAFO;;AAIA,MAAMM,QAAQ,GAAG,qBAAOT,2BAAP,CAEtB;AACF,yBAAyB,2BAAW,KAAX,CAAkB;AAC3C,kBAAkB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACqB,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AAC7D,sBAAsB,CAAC;AAAEvB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcW,IAAK;AACxD,wBAAwB,CAAC;AAAExB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC1D,CAPO;;AASA,MAAMW,WAAW,GAAG,qBAAO1B,iBAAP,CAAkC;AAC7D;AACA;AACA;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACnE,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C,CANO;;AAQA,MAAMY,UAAU,GAAG,qBAAOC,eAAP,CAAkC;AAC5D,aAAa,CAAC;AAAE3B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAce,KAAM;AAChD,WAAW,CAAC;AAAE5B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACqB,KAAN,CAAYC,SAAZ,CAAsBO,MAAO;AACvD,CAHO;;AAKA,MAAMC,cAAc,GAAG,qBAAOC,8BAAP,CAA0B;AACxD;AACA,CAFO;;AAIA,MAAMC,cAAc,GAAG,qBAAO5B,UAAP,CAAkC;AAChE;AACA,CAFO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  Button,\n  ButtonProps,\n  disabledInputStyles,\n  Icon,\n  InputContainerProps,\n  PressableSurface,\n  PressableSurfaceProps,\n  RFValue,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n  return styled(View)<ModalProps & Partial<StyleProps>>`\n    padding-top: ${`${RFValue(safeTop)}px`};\n    background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n    height: 100%;\n  `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n  (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n    line-height: ${props.theme?.typography.h5.lineHeight};\n    ${disabledInputStyles(props)};\n  `\n);\n\nexport const Dummy = styled(View)`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n  PressableSurface\n)<PressableSurfaceProps>`\n  width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.deca};\n  height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n  margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n  PressableSurfaceProps & Partial<StyleProps>\n>`\n  border-bottom-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.light};\n  padding-vertical: ${({ theme }) => theme.spacing.mili};\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n  width: 100%;\n  height: auto;\n  bottom: 0;\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n  align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n  text-align: center;\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["getStyledModal","safeTop","styled","View","RFValue","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","css","typography","h5","lineHeight","disabledInputStyles","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","RFValueStr","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"sources":["../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  Button,\n  ButtonProps,\n  disabledInputStyles,\n  Icon,\n  InputContainerProps,\n  PressableSurface,\n  PressableSurfaceProps,\n  RFValue,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n  return styled(View)<ModalProps & Partial<StyleProps>>`\n    padding-top: ${`${RFValue(safeTop)}px`};\n    background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n    height: 100%;\n  `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n  (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n    line-height: ${props.theme?.typography.h5.lineHeight};\n    ${disabledInputStyles(props)};\n  `\n);\n\nexport const Dummy = styled(View)`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n  PressableSurface\n)<PressableSurfaceProps>`\n  width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.deca};\n  height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n  margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n  PressableSurfaceProps & Partial<StyleProps>\n>`\n  border-bottom-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.light};\n  padding-vertical: ${({ theme }) => theme.spacing.mili};\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n  width: 100%;\n  height: auto;\n  bottom: 0;\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n  align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n  text-align: center;\n`;\n"],"mappings":"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"}

package/dist/components/molecules/Snackbar/Snackbar.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = exports.Snackbar = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -11,16 +13,17 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Snackbar = ({
-  value,
-  textProps = {
-    colorVariant: 'primary',
-    colorTone: 'medium'
-  },
-  ...rest
-}) => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Snackbar = _ref => {
+  let {
+    value,
+    textProps = {
+      colorVariant: 'primary',
+      colorTone: 'medium'
+    },
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.SnackbarStyled, rest, _react.default.createElement(_Text.Text, _extends({}, textProps, {
     fontWeight: "bold",
     typography: "base"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,MAAMA,QAAuC,GAAG,CAAC;AACtDC,EAAAA,KADsD;AAEtDC,EAAAA,SAAS,GAAG;AAAEC,IAAAA,YAAY,EAAE,SAAhB;AAA2BC,IAAAA,SAAS,EAAE;AAAtC,GAF0C;AAGtD,KAAGC;AAHmD,CAAD,KAIjD;AACJ,SACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,UAAD,eAAUH,SAAV;AAAqB,IAAA,UAAU,EAAC,MAAhC;AAAuC,IAAA,UAAU,EAAC;AAAlD,MACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q","sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"file":"Snackbar.js"}
+{"version":3,"file":"Snackbar.js","names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,MAAMA,QAAuC,GAAG,QAIjD;EAAA,IAJkD;IACtDC,KADsD;IAEtDC,SAAS,GAAG;MAAEC,YAAY,EAAE,SAAhB;MAA2BC,SAAS,EAAE;IAAtC,CAF0C;IAGtD,GAAGC;EAHmD,CAIlD;EACJ,OACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,UAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q"}

package/dist/components/molecules/Snackbar/index.js

@@ -1,13 +1,23 @@
 "use strict";
 
-exports.__esModule = true;
-exports.SnackbarNativeProps = exports.Snackbar = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: function () {
+    return _Snackbar.default;
+  }
+});
+Object.defineProperty(exports, "SnackbarNativeProps", {
+  enumerable: true,
+  get: function () {
+    return _Snackbar.SnackbarNativeProps;
+  }
+});
 
 var _Snackbar = _interopRequireWildcard(require("./Snackbar"));
 
-exports.Snackbar = _Snackbar.default;
-exports.SnackbarNativeProps = _Snackbar.SnackbarNativeProps;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/components/molecules/Snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Snackbar/styled.js

@@ -1,21 +1,30 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.SnackbarStyled = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const SnackbarStyled = (0, _native.default)(_reactCore.Snackbar)`
-  left: ${({
-  theme
-}) => theme.spacing.deca};
-  right: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const SnackbarStyled = (0, _native.default)(_reactCore.Snackbar)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  left: ", ";\n  right: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.deca;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.deca;
+});
 exports.SnackbarStyled = SnackbarStyled;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"names":["SnackbarStyled","SnackbarCore","theme","spacing","deca"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,mBAAP,CAA0C;AACxE,UAAU,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC5C,WAAW,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC7C,CAHO","sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n  left: ${({ theme }) => theme.spacing.deca};\n  right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["SnackbarStyled","styled","SnackbarCore","theme","spacing","deca"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n  left: ${({ theme }) => theme.spacing.deca};\n  right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,mBAAP,CAAH,uGACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADiB,EAEhB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFgB,CAApB"}

package/dist/index.d.ts

@@ -1,22 +1,25 @@
 export * from '@tecsinapse/react-core';
+export { Avatar } from './components/atoms/Avatar';
+export { Badge, BadgeNativeProps } from './components/atoms/Badge';
+export { BottomNavigator, BottomNavigatorProps, } from './components/atoms/BottomNavigator';
+export { Button, ButtonNativeProps, Error, Loading, Success, } from './components/atoms/Button';
+export { GroupButtonOption } from './components/atoms/GroupButton';
 export { Header, HeaderProps } from './components/atoms/Header';
-export { Select, SelectNativeProps } from './components/molecules/Select';
 export { Input, InputNativeProps } from './components/atoms/Input';
 export { InputMask, InputMaskNativeProps } from './components/atoms/InputMask';
-export { TextArea, TextAreaProps } from './components/atoms/TextArea';
-export { Text, TextNativeProps } from './components/atoms/Text';
-export { Error, Loading, Success, Button, ButtonNativeProps, } from './components/atoms/Button';
-export { GroupButtonOption } from './components/atoms/GroupButton';
-export { InputPassword, InputPasswordNativeProps, } from './components/molecules/InputPassword';
-export { BottomNavigator, BottomNavigatorProps, } from './components/atoms/BottomNavigator';
-export { Tag, TagProps } from './components/atoms/Tag';
+export { IBaseModal, ModalGroupManager, ModalLifecycleHandler, ModalView, useLazyModalManager, useModalManager, useModalRemoteControl, } from './components/atoms/Modal';
+export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
 export { SnappingSlider, SnappingSliderProps, } from './components/atoms/SnappingSlider';
-export { Badge, BadgeNativeProps } from './components/atoms/Badge';
-export { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';
+export { Tag, TagProps } from './components/atoms/Tag';
+export { Text, TextNativeProps } from './components/atoms/Text';
+export { TextArea, TextAreaProps } from './components/atoms/TextArea';
+export { Calendar } from './components/molecules/Calendar';
 export { DatePicker, NativeDatePickerProps, } from './components/molecules/DatePicker';
 export { DateTimePicker, NativeDateTimePickerProps, } from './components/molecules/DateTimePicker';
-export { Avatar } from './components/atoms/Avatar';
-export { Calendar } from './components/molecules/Calendar';
 export { DateTimeSelector } from './components/molecules/DateTimeSelector';
-export { ModalGroupManager, ModalView, ModalLifecycleHandler, useLazyModalManager, useModalManager, useModalRemoteControl, IBaseModal, } from './components/atoms/Modal';
-export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
+export { IconTextButton, NativeIconTextButtonProps, } from './components/molecules/IconTextButton';
+export { InputPassword, InputPasswordNativeProps, } from './components/molecules/InputPassword';
+export { LabeledSwitch, LabeledSwitchNativeProps, } from './components/molecules/LabeledSwitch';
+export { Select, SelectNativeProps } from './components/molecules/Select';
+export { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';
+export { Grid, GridItem } from './components/molecules/Grid';