react-native-exp-fig 0.1.44 → 2.0.0

package/lib/module/components/step-indicator/index.js

@@ -1,187 +1,154 @@
+"use strict";
+
 /**
  * IMPORTS
  */
 import React from "react";
-import { View, Text, TouchableOpacity } from "react-native";
-
-// commons / svg
-import { Icons } from "../../common/icons-svg";
-
-// helpers
-import { getIconKeyByValue } from "./helpers/get-icon-by-status";
+import { View, Text } from "react-native";
+import { getIconKeyByValue } from "./helpers/get-icon-by-status.js";
 
 // typings
 
 // styles
-import { styles } from "./styles";
-import { formHoursMinute } from "../../utils/format-data";
-import { theme } from "../../styles/theme/theme";
-import { ModalChangeActivity } from "../modals/modal-change-activity";
+import { styles } from "./styles.js";
+import { Icons } from "../../common/icons-svg/index.js";
+import { formHoursMinute } from "../../utils/format-data/index.js";
+import { theme } from "../../styles/theme/theme.js";
 
 /**
  * Componente StepIndicator para a interação da ui.
  */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const StepIndicator = ({
   data = [],
   type,
   textColorDescription,
   titleColor,
-  titleNumberColor,
-  onChangeActivity
+  titleNumberColor
 }) => {
   const StepDefault = () => {
-    const [isModalVisible, setIsModalVisible] = React.useState(false);
-    const [currentStepIndex, setCurrentStepIndex] = React.useState(null);
-    const [stepData, setStepData] = React.useState(data);
-    const handleOnPressActivitie = (stepItem, index) => {
-      var _stepItem$descricao, _stepItem$descricao$t;
-      const desc = stepItem === null || stepItem === void 0 || (_stepItem$descricao = stepItem.descricao) === null || _stepItem$descricao === void 0 || (_stepItem$descricao$t = _stepItem$descricao.toLowerCase) === null || _stepItem$descricao$t === void 0 ? void 0 : _stepItem$descricao$t.call(_stepItem$descricao);
-      if (!desc) return;
-      const isDescanso = ["descanso", "refeição", "repouso_noturno", "repouso_semanal"].includes(desc.replace(/\s+/g, "_"));
-      if (isDescanso && (stepItem === null || stepItem === void 0 ? void 0 : stepItem.sincronizado) === true) {
-        setCurrentStepIndex(index);
-        setIsModalVisible(true);
-      }
-    };
-    const handleConfirmModal = newData => {
-      if (currentStepIndex !== null) {
-        const updatedStep = {
-          ...stepData[currentStepIndex],
-          descricao: newData.label,
-          referencia: newData.value,
-          ec_tipo_atividade_id: newData.key
-        };
-        const newSteps = stepData.map((item, index) => index === currentStepIndex ? updatedStep : item);
-        setStepData(newSteps);
-        if (onChangeActivity) {
-          onChangeActivity(updatedStep);
-        }
-      }
-      setIsModalVisible(false);
-      setCurrentStepIndex(null);
-    };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, stepData.length > 0 && stepData.map((history, index) => {
-      const isFirst = index === 0;
-      const isEditableType = history.tipo === "descanso";
-      const isSynced = (history === null || history === void 0 ? void 0 : history.sincronizado) === true;
-      const canEdit = isFirst && isEditableType && isSynced;
-      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: data.length > 0 && data.map((history, index) => /*#__PURE__*/_jsxs(View, {
         testID: "step-indicator",
-        activeOpacity: 0.7,
-        key: history === null || history === void 0 ? void 0 : history.id,
         style: styles({}).containerIndicator,
-        disabled: !canEdit,
-        onPress: () => handleOnPressActivitie(history, index)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles({
-          sincronizado: history.sincronizado
-        }).containerBall
-      }, stepData.length > 1 && index < stepData.length - 1 && /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: 2,
-          height: 84,
-          marginTop: 116,
-          position: "relative",
-          backgroundColor: history.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150]
-        }
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: styles({
-          titleNumberColor
-        }).titleNumber
-      }, stepData.length - index)), /*#__PURE__*/React.createElement(View, {
-        style: styles({}).containerMain
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles({
-          titleColor
-        }).title
-      }, history === null || history === void 0 ? void 0 : history.descricao), (history === null || history === void 0 ? void 0 : history.data_inicio) && /*#__PURE__*/React.createElement(Text, {
-        style: styles({
-          textColorDescription
-        }).titleDescription
-      }, `Inicio: ${history.data_inicio} ás ${history.data_fim}`), history.duracao_segundos && /*#__PURE__*/React.createElement(Text, {
-        style: styles({
-          textColorDescription
-        }).titleDescription
-      }, "Dura\xE7\xE3o: ", formHoursMinute(history === null || history === void 0 ? void 0 : history.duracao_segundos))));
-    }), isModalVisible && /*#__PURE__*/React.createElement(ModalChangeActivity, {
-      visible: isModalVisible,
-      modalConfirm: handleConfirmModal,
-      descricao: "",
-      onClose: () => setIsModalVisible(false)
-    }));
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles({
+            sincronizado: history.sincronizado
+          }).containerBall,
+          children: [data?.length > 1 && index < data?.length - 1 && /*#__PURE__*/_jsx(View, {
+            style: {
+              width: 2,
+              height: 84,
+              marginTop: 116,
+              position: "relative",
+              backgroundColor: history.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150]
+            }
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles({
+              titleNumberColor
+            }).titleNumber,
+            children: data?.length - index
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles({}).containerMain,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles({
+              titleColor
+            }).title,
+            children: history?.descricao
+          }), history?.data_inicio && /*#__PURE__*/_jsx(Text, {
+            style: styles({
+              textColorDescription
+            }).titleDescription,
+            children: `Inicio: ${history.data_inicio} ás ${history.data_fim}`
+          }), history.duracao_segundos && /*#__PURE__*/_jsxs(Text, {
+            style: styles({
+              textColorDescription
+            }).titleDescription,
+            children: ["Dura\xE7\xE3o: ", formHoursMinute(history?.duracao_segundos)]
+          })]
+        })]
+      }, history.id))
+    });
   };
   const StepCustom = () => {
-    return /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/_jsx(View, {
       style: {
         width: "100%",
         height: 84,
         paddingHorizontal: 24,
         display: "flex",
         flexDirection: "row"
-      }
-    }, data.map((step, indexCustom) => {
-      const descricao = getIconKeyByValue(step.descricao);
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: `step-${indexCustom}`
-      }, /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: 45,
-          height: 45,
-          backgroundColor: indexCustom <= 3 ? "orange" : "transparent",
-          borderRadius: 50,
-          alignItems: "center",
-          justifyContent: "center",
-          borderWidth: 1,
-          borderColor: "#fff"
-        }
-      }, /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: 45,
-          height: 45,
-          backgroundColor: "transparent",
-          borderRadius: 50,
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      }, descricao && /*#__PURE__*/React.createElement(Icons, {
-        icon: descricao
-      })), /*#__PURE__*/React.createElement(Text, {
-        style: {
-          position: "absolute",
-          top: 56,
-          fontWeight: "600",
-          fontSize: 10,
-          lineHeight: 14,
-          textAlign: "center",
-          color: "#fff",
-          width: 75
-        }
-      }, step.descricao)), (data === null || data === void 0 ? void 0 : data.length) > 1 && indexCustom < (data === null || data === void 0 ? void 0 : data.length) - 1 && /*#__PURE__*/React.createElement(View, {
-        style: {
-          width: 35,
-          height: 2,
-          marginTop: 24,
-          position: "relative",
-          backgroundColor: "orange"
-        }
-      }));
-    }));
+      },
+      children: data.map((step, indexCustom) => {
+        const descricao = getIconKeyByValue(step.descricao);
+        return /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              width: 45,
+              height: 45,
+              backgroundColor: indexCustom <= 3 ? "orange" : "transparent",
+              borderRadius: 50,
+              alignItems: "center",
+              justifyContent: "center",
+              borderWidth: 1,
+              borderColor: "#fff"
+            },
+            children: [/*#__PURE__*/_jsx(View, {
+              style: {
+                width: 45,
+                height: 45,
+                backgroundColor: "transparent",
+                borderRadius: 50,
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: descricao && /*#__PURE__*/_jsx(Icons, {
+                icon: descricao
+              })
+            }), /*#__PURE__*/_jsx(Text, {
+              style: {
+                position: "absolute",
+                top: 56,
+                fontWeight: "600",
+                fontSize: 10,
+                lineHeight: 14,
+                textAlign: "center",
+                color: "#fff",
+                width: 75
+              },
+              children: step.descricao
+            })]
+          }), data?.length > 1 && indexCustom < data?.length - 1 && /*#__PURE__*/_jsx(View, {
+            style: {
+              width: 35,
+              height: 2,
+              marginTop: 24,
+              position: "relative",
+              backgroundColor: "orange"
+            }
+          })]
+        }, `step-${indexCustom}`);
+      })
+    });
   };
   const handleRenderComponent = stepType => {
     switch (stepType) {
       case "default":
-        return /*#__PURE__*/React.createElement(StepDefault, null);
+        return /*#__PURE__*/_jsx(StepDefault, {});
       case "custom":
-        return /*#__PURE__*/React.createElement(StepCustom, null);
+        return /*#__PURE__*/_jsx(StepCustom, {});
       default:
-        return /*#__PURE__*/React.createElement(View, null);
+        return /*#__PURE__*/_jsx(View, {});
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, handleRenderComponent(type));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: handleRenderComponent(type)
+  });
 };
 
 /**
  * EXPORTS
  */
-export default StepIndicator;
+export { StepIndicator };
 //# sourceMappingURL=index.js.map

package/lib/module/components/step-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Icons","getIconKeyByValue","styles","formHoursMinute","theme","ModalChangeActivity","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","referencia","value","ec_tipo_atividade_id","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","testID","activeOpacity","id","style","containerIndicator","disabled","onPress","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React from \"react\";\r\nimport { View, Text, TouchableOpacity } from \"react-native\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../common/icons-svg\";\r\n\r\n// helpers\r\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\r\n\r\n// typings\r\nimport type { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { styles } from \"./styles\";\r\nimport { formHoursMinute } from \"../../utils/format-data\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { ModalChangeActivity } from \"../modals/modal-change-activity\";\r\n\r\n/**\r\n * Componente StepIndicator para a interação da ui.\r\n */\r\nconst StepIndicator: React.FC<IStepIndicator> = ({\r\n  data = [],\r\n  type,\r\n  textColorDescription,\r\n  titleColor,\r\n  titleNumberColor,\r\n  onChangeActivity,\r\n}) => {\r\n  const StepDefault = () => {\r\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\r\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\r\n    const [stepData, setStepData] = React.useState(data);\r\n\r\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\r\n      const desc = stepItem?.descricao?.toLowerCase?.();\r\n      if (!desc) return;\r\n\r\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\r\n        desc.replace(/\\s+/g, \"_\")\r\n      );\r\n\r\n      if (isDescanso && stepItem?.sincronizado === true) {\r\n        setCurrentStepIndex(index);\r\n        setIsModalVisible(true);\r\n      }\r\n    };\r\n\r\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\r\n      if (currentStepIndex !== null) {\r\n        const updatedStep = {\r\n          ...stepData[currentStepIndex],\r\n          descricao: newData.label,\r\n          referencia: newData.value,\r\n          ec_tipo_atividade_id: newData.key,\r\n        };\r\n\r\n        const newSteps = stepData.map((item, index) =>\r\n          index === currentStepIndex ? updatedStep : item\r\n        );\r\n\r\n        setStepData(newSteps as any);\r\n\r\n        if (onChangeActivity) {\r\n          onChangeActivity(updatedStep);\r\n        }\r\n      }\r\n\r\n      setIsModalVisible(false);\r\n      setCurrentStepIndex(null);\r\n    };\r\n\r\n    return (\r\n      <>\r\n        {stepData.length > 0 &&\r\n          stepData.map((history, index) => {\r\n            const isFirst = index === 0;\r\n            const isEditableType = history.tipo === \"descanso\";\r\n            const isSynced = history?.sincronizado === true;\r\n            const canEdit = isFirst && isEditableType && isSynced;\r\n\r\n            return (\r\n              <TouchableOpacity\r\n                testID=\"step-indicator\"\r\n                activeOpacity={0.7}\r\n                key={history?.id}\r\n                style={styles({}).containerIndicator}\r\n                disabled={!canEdit}\r\n                onPress={() => handleOnPressActivitie(history, index)}\r\n              >\r\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\r\n                  {stepData.length > 1 && index < stepData.length - 1 && (\r\n                    <View\r\n                      style={{\r\n                        width: 2,\r\n                        height: 84,\r\n                        marginTop: 116,\r\n                        position: \"relative\",\r\n                        backgroundColor: history.sincronizado\r\n                          ? theme.colors.blue[500]\r\n                          : theme.colors.orange[150],\r\n                      }}\r\n                    />\r\n                  )}\r\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\r\n                    {stepData.length - index}\r\n                  </Text>\r\n                </View>\r\n\r\n                <View style={styles({}).containerMain}>\r\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\r\n\r\n                  {history?.data_inicio && (\r\n                    <Text style={styles({ textColorDescription }).titleDescription}>\r\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\r\n                    </Text>\r\n                  )}\r\n\r\n                  {history.duracao_segundos && (\r\n                    <Text style={styles({ textColorDescription }).titleDescription}>\r\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\r\n                    </Text>\r\n                  )}\r\n                </View>\r\n              </TouchableOpacity>\r\n            );\r\n          })}\r\n\r\n        {isModalVisible && (\r\n          <ModalChangeActivity\r\n            visible={isModalVisible}\r\n            modalConfirm={handleConfirmModal}\r\n            descricao=\"\"\r\n            onClose={() => setIsModalVisible(false)}\r\n          />\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  const StepCustom = () => {\r\n    return (\r\n      <View\r\n        style={{\r\n          width: \"100%\",\r\n          height: 84,\r\n          paddingHorizontal: 24,\r\n          display: \"flex\",\r\n          flexDirection: \"row\",\r\n        }}\r\n      >\r\n        {data.map((step, indexCustom) => {\r\n          const descricao = getIconKeyByValue(step.descricao);\r\n\r\n          return (\r\n            <React.Fragment key={`step-${indexCustom}`}>\r\n              <View\r\n                style={{\r\n                  width: 45,\r\n                  height: 45,\r\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\r\n                  borderRadius: 50,\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  borderWidth: 1,\r\n                  borderColor: \"#fff\",\r\n                }}\r\n              >\r\n                <View\r\n                  style={{\r\n                    width: 45,\r\n                    height: 45,\r\n                    backgroundColor: \"transparent\",\r\n                    borderRadius: 50,\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  {descricao && <Icons icon={descricao} />}\r\n                </View>\r\n                <Text\r\n                  style={{\r\n                    position: \"absolute\",\r\n                    top: 56,\r\n                    fontWeight: \"600\",\r\n                    fontSize: 10,\r\n                    lineHeight: 14,\r\n                    textAlign: \"center\",\r\n                    color: \"#fff\",\r\n                    width: 75,\r\n                  }}\r\n                >\r\n                  {step.descricao}\r\n                </Text>\r\n              </View>\r\n\r\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\r\n                <View\r\n                  style={{\r\n                    width: 35,\r\n                    height: 2,\r\n                    marginTop: 24,\r\n                    position: \"relative\",\r\n                    backgroundColor: \"orange\",\r\n                  }}\r\n                />\r\n              )}\r\n            </React.Fragment>\r\n          );\r\n        })}\r\n      </View>\r\n    );\r\n  };\r\n\r\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\r\n    switch (stepType) {\r\n      case \"default\":\r\n        return <StepDefault />;\r\n      case \"custom\":\r\n        return <StepCustom />;\r\n      default:\r\n        return <View />;\r\n    }\r\n  };\r\n\r\n  return <>{handleRenderComponent(type!)}</>;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default StepIndicator;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","getIconKeyByValue","styles","Icons","formHoursMinute","theme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","StepDefault","children","length","map","history","index","testID","style","containerIndicator","sincronizado","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","descricao","data_inicio","titleDescription","data_fim","duracao_segundos","id","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/step-indicator/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/step-indicator/interface.d.js

@@ -1,2 +1,4 @@
+"use strict";
+
 export {};
 //# sourceMappingURL=interface.d.js.map

package/lib/module/components/step-indicator/interface.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\n\ntype IData = {\n  id?: number | string;\n  ec_tipo_atividade_id?: number;\n  duracao_segundos: string | number;\n  data_inicio: string;\n  data_fim: string;\n  descricao: string;\n  sincronizado;\n  tipo: string;\n  referencia: string;\n};\n\ntype IStyleProps = {\n  sincronizado?: boolean;\n  titleColor?: string;\n  titleNumberColor?: string;\n  textColorDescription?: string;\n};\n\ninterface IStepIndicator {\n  /**dados que vão ser renderizados */\n  data?: IData[];\n\n  /**tupo de renderização padrão ou customizada */\n  type?: \"default\" | \"custom\";\n\n  /**cor do texto */\n  titleColor?: string;\n\n  /**cor do numero do step indicator */\n  titleNumberColor?: string;\n\n  /**cor do texto da descrição */\n  textColorDescription?: string;\n\n  /**params para lidar com selecionamento de atividade única */\n  onChangeActivity?: (activity: any) => void;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator, IStyleProps };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/step-indicator/interface.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/step-indicator/styles.js

@@ -1,5 +1,7 @@
-/**
- * IMPORTS
+"use strict";
+
+/**
+ * IMPORTS
  */
 
 import { StyleSheet } from "react-native";
@@ -7,61 +9,60 @@ import { StyleSheet } from "react-native";
 // typings
 
 // styles
-import { theme } from "../../styles/theme/theme";
-const styles = props => {
-  var _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
-  return StyleSheet.create({
-    containerIndicator: {
-      width: "100%",
-      height: 86,
-      flexDirection: "row",
-      justifyContent: "flex-start"
-    },
-    containerBall: {
-      width: 32,
-      height: 32,
-      backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: 16
-    },
-    title: {
-      color: (_props$titleColor = props.titleColor) !== null && _props$titleColor !== void 0 ? _props$titleColor : "black",
-      textAlign: "center",
-      lineHeight: 24,
-      fontSize: theme.fontSizes["sm"],
-      fontWeight: "500",
-      marginLeft: 8
-    },
-    titleNumber: {
-      color: (_props$titleNumberCol = props.titleNumberColor) !== null && _props$titleNumberCol !== void 0 ? _props$titleNumberCol : theme.colors.neutral[25],
-      textAlign: "center",
-      lineHeight: 18,
-      fontFamily: theme.fonts.inter_regular_400,
-      fontSize: theme.fontSizes["xs"],
-      position: "absolute"
-    },
-    titleDescription: {
-      color: (_props$textColorDescr = props.textColorDescription) !== null && _props$textColorDescr !== void 0 ? _props$textColorDescr : theme.colors.gray[700],
-      textAlign: "center",
-      lineHeight: 16,
-      fontSize: 12,
-      fontFamily: theme.fonts.inter_light_300,
-      marginLeft: 8
-    },
-    containerMain: {
-      width: "100%",
-      height: 56,
-      flexDirection: "column",
-      alignItems: "flex-start",
-      marginLeft: 2
-    }
-  });
-};
+import { theme } from "../../styles/theme/theme.js";
+const styles = props => StyleSheet.create({
+  containerIndicator: {
+    width: "100%",
+    height: 86,
+    flexDirection: "row",
+    justifyContent: "flex-start"
+    // backgroundColor: theme.colors.gray[300],
+  },
+  containerBall: {
+    width: 32,
+    height: 32,
+    backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 16
+  },
+  title: {
+    color: props.titleColor ?? "black",
+    textAlign: "center",
+    lineHeight: 20,
+    fontSize: theme.fontSizes["sm"],
+    fontWeight: "500",
+    marginLeft: 8
+  },
+  titleNumber: {
+    color: props.titleNumberColor ?? theme.colors.neutral[25],
+    textAlign: "center",
+    lineHeight: 16,
+    fontFamily: theme.fonts.inter_regular_400,
+    fontSize: theme.fontSizes["xs"],
+    position: "absolute"
+  },
+  titleDescription: {
+    color: props.textColorDescription ?? theme.colors.gray[700],
+    textAlign: "center",
+    lineHeight: 16,
+    fontSize: theme.fontSizes["xs"],
+    fontFamily: theme.fonts.inter_regular_400,
+    fontWeight: "400",
+    marginLeft: 8
+  },
+  containerMain: {
+    width: "100%",
+    height: 56,
+    flexDirection: "column",
+    alignItems: "flex-start",
+    marginLeft: 2
+  }
+});
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export { styles };
 //# sourceMappingURL=styles.js.map

package/lib/module/components/step-indicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","theme","styles","props","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","sincronizado","colors","blue","orange","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","inter_light_300","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { type IStyleProps } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = (props: IStyleProps) =>\n  StyleSheet.create({\n    containerIndicator: {\n      width: \"100%\",\n      height: 86,\n      flexDirection: \"row\",\n      justifyContent: \"flex-start\",\n    },\n    containerBall: {\n      width: 32,\n      height: 32,\n      backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      borderRadius: 16,\n    },\n    title: {\n      color: props.titleColor ?? \"black\",\n      textAlign: \"center\",\n      lineHeight: 24,\n      fontSize: theme.fontSizes[\"sm\"],\n      fontWeight: \"500\",\n      marginLeft: 8,\n    },\n    titleNumber: {\n      color: props.titleNumberColor ?? theme.colors.neutral[25],\n      textAlign: \"center\",\n      lineHeight: 18,\n      fontFamily: theme.fonts.inter_regular_400,\n      fontSize: theme.fontSizes[\"xs\"],\n      position: \"absolute\",\n    },\n    titleDescription: {\n      color: props.textColorDescription ?? theme.colors.gray[700],\n      textAlign: \"center\",\n      lineHeight: 16,\n      fontSize: 12,\n      fontFamily: theme.fonts.inter_light_300,\n      marginLeft: 8,\n    },\n    containerMain: {\n      width: \"100%\",\n      height: 56,\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      marginLeft: 2,\n    },\n  });\n\n/**\n * EXPORTS\n */\nexport { styles };\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAkB;EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OAChCN,UAAU,CAACO,MAAM,CAAC;IAChBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVI,eAAe,EAAEX,KAAK,CAACY,YAAY,GAAGd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGhB,KAAK,CAACe,MAAM,CAACE,MAAM,CAAC,GAAG,CAAC;MACvFP,aAAa,EAAE,KAAK;MACpBQ,UAAU,EAAE,QAAQ;MACpBP,cAAc,EAAE,QAAQ;MACxBQ,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAlB,iBAAA,GAAED,KAAK,CAACoB,UAAU,cAAAnB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCoB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAjB,qBAAA,GAAEF,KAAK,CAAC4B,gBAAgB,cAAA1B,qBAAA,cAAAA,qBAAA,GAAIJ,KAAK,CAACe,MAAM,CAACgB,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAhB,qBAAA,GAAEH,KAAK,CAACmC,oBAAoB,cAAAhC,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACe,MAAM,CAACuB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAE,EAAE;MACZO,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACM,eAAe;MACvCX,UAAU,EAAE;IACd,CAAC;IACDY,aAAa,EAAE;MACbhC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBQ,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAAS3B,MAAM","ignoreList":[]}
+{"version":3,"names":["StyleSheet","theme","styles","props","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","sincronizado","colors","blue","orange","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/step-indicator/styles.ts"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,6BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAqB,IACnCH,UAAU,CAACI,MAAM,CAAC;EAChBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;IAChB;EACF,CAAC;EACDC,aAAa,EAAE;IACbJ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVI,eAAe,EAAER,KAAK,CAACS,YAAY,GAAGX,KAAK,CAACY,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGb,KAAK,CAACY,MAAM,CAACE,MAAM,CAAC,GAAG,CAAC;IACvFP,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,QAAQ;IACpBP,cAAc,EAAE,QAAQ;IACxBQ,YAAY,EAAE;EAChB,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAEhB,KAAK,CAACiB,UAAU,IAAI,OAAO;IAClCC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAEtB,KAAK,CAACuB,SAAS,CAAC,IAAI,CAAC;IAC/BC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXR,KAAK,EAAEhB,KAAK,CAACyB,gBAAgB,IAAI3B,KAAK,CAACY,MAAM,CAACgB,OAAO,CAAC,EAAE,CAAC;IACzDR,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,EAAE;IACdQ,UAAU,EAAE7B,KAAK,CAAC8B,KAAK,CAACC,iBAAiB;IACzCT,QAAQ,EAAEtB,KAAK,CAACuB,SAAS,CAAC,IAAI,CAAC;IAC/BS,QAAQ,EAAE;EACZ,CAAC;EACDC,gBAAgB,EAAE;IAChBf,KAAK,EAAEhB,KAAK,CAACgC,oBAAoB,IAAIlC,KAAK,CAACY,MAAM,CAACuB,IAAI,CAAC,GAAG,CAAC;IAC3Df,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAEtB,KAAK,CAACuB,SAAS,CAAC,IAAI,CAAC;IAC/BM,UAAU,EAAE7B,KAAK,CAAC8B,KAAK,CAACC,iBAAiB;IACzCP,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd,CAAC;EACDW,aAAa,EAAE;IACb/B,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,QAAQ;IACvBQ,UAAU,EAAE,YAAY;IACxBU,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,SAASxB,MAAM","ignoreList":[]}

package/lib/module/components/typography/index.js

@@ -1,5 +1,7 @@
-/**
- * IMPORTS
+"use strict";
+
+/**
+ * IMPORTS
  */
 import React from "react";
 import { Text } from "react-native";
@@ -7,11 +9,12 @@ import { Text } from "react-native";
 // typings
 
 //styles
-import { styles } from "./styles";
+import { styles } from "./styles.js";
 
-/**
- * Componente Typography para a interação da  ui.
+/**
+ * Componente Typography para a interação da  ui.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 const Typography = ({
   text = "Hello Dev",
   color = "#1E1E1E",
@@ -53,15 +56,16 @@ const Typography = ({
     paddingTop,
     paddingBottom
   };
-  return /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     numberOfLines: numberOfLines,
     ellipsizeMode: ellipsizeMode,
-    style: styles(data).text
-  }, text);
+    style: styles(data).text,
+    children: text
+  });
 };
 
-/**
- * EXPORT
+/**
+ * EXPORT
  */
 export { Typography };
 //# sourceMappingURL=index.js.map

package/lib/module/components/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","styles","Typography","text","color","size","lineHeight","align","textDecoration","fontWeight","fontFamily","margin","marginLeft","marginRight","marginTop","marginBottom","padding","paddingLeft","paddingRight","paddingTop","paddingBottom","numberOfLines","ellipsizeMode","data","createElement","style"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { Text } from \"react-native\";\n\n// typings\nimport { ITextInterface } from \"./interface\";\n\n//styles\nimport { styles } from \"./styles\";\n\n/**\n * Componente Typography para a interação da  ui.\n */\nconst Typography: React.FC<ITextInterface> = ({\n  text = \"Hello Dev\",\n  color = \"#1E1E1E\",\n  size = 23,\n  lineHeight = 24,\n  align = \"left\",\n  textDecoration,\n  fontWeight = \"300\",\n  fontFamily,\n  margin,\n  marginLeft,\n  marginRight,\n  marginTop,\n  marginBottom,\n  padding,\n  paddingLeft,\n  paddingRight,\n  paddingTop,\n  paddingBottom,\n  numberOfLines,\n  ellipsizeMode,\n}) => {\n  const data = {\n    color,\n    size,\n    lineHeight,\n    align,\n    textDecoration,\n    fontWeight,\n    fontFamily,\n    margin,\n    marginLeft,\n    marginRight,\n    marginTop,\n    marginBottom,\n    padding,\n    paddingLeft,\n    paddingRight,\n    paddingTop,\n    paddingBottom,\n  } as ITextInterface;\n  return (\n    <Text numberOfLines={numberOfLines} ellipsizeMode={ellipsizeMode} style={styles(data).text}>\n      {text}\n    </Text>\n  );\n};\n\n/**\n * EXPORT\n */\nexport { Typography };\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;;AAEnC;;AAGA;AACA,SAASC,MAAM,QAAQ,UAAU;;AAEjC;AACA;AACA;AACA,MAAMC,UAAoC,GAAGA,CAAC;EAC5CC,IAAI,GAAG,WAAW;EAClBC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,EAAE;EACTC,UAAU,GAAG,EAAE;EACfC,KAAK,GAAG,MAAM;EACdC,cAAc;EACdC,UAAU,GAAG,KAAK;EAClBC,UAAU;EACVC,MAAM;EACNC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,YAAY;EACZC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,IAAI,GAAG;IACXnB,KAAK;IACLC,IAAI;IACJC,UAAU;IACVC,KAAK;IACLC,cAAc;IACdC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC;EACF,CAAmB;EACnB,oBACErB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACqB,aAAa,EAAEA,aAAc;IAACC,aAAa,EAAEA,aAAc;IAACG,KAAK,EAAExB,MAAM,CAACsB,IAAI,CAAC,CAACpB;EAAK,GACxFA,IACG,CAAC;AAEX,CAAC;;AAED;AACA;AACA;AACA,SAASD,UAAU","ignoreList":[]}
+{"version":3,"names":["React","Text","styles","jsx","_jsx","Typography","text","color","size","lineHeight","align","textDecoration","fontWeight","fontFamily","margin","marginLeft","marginRight","marginTop","marginBottom","padding","paddingLeft","paddingRight","paddingTop","paddingBottom","numberOfLines","ellipsizeMode","data","style","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/typography/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;;AAEnC;;AAGA;AACA,SAASC,MAAM,QAAQ,aAAU;;AAEjC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,UAAoC,GAAGA,CAAC;EAC5CC,IAAI,GAAG,WAAW;EAClBC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,EAAE;EACTC,UAAU,GAAG,EAAE;EACfC,KAAK,GAAG,MAAM;EACdC,cAAc;EACdC,UAAU,GAAG,KAAK;EAClBC,UAAU;EACVC,MAAM;EACNC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,YAAY;EACZC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,IAAI,GAAG;IACXnB,KAAK;IACLC,IAAI;IACJC,UAAU;IACVC,KAAK;IACLC,cAAc;IACdC,UAAU;IACVC,UAAU;IACVC,MAAM;IACNC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZC,UAAU;IACVC;EACF,CAAmB;EACnB,oBACEnB,IAAA,CAACH,IAAI;IAACuB,aAAa,EAAEA,aAAc;IAACC,aAAa,EAAEA,aAAc;IAACE,KAAK,EAAEzB,MAAM,CAACwB,IAAI,CAAC,CAACpB,IAAK;IAAAsB,QAAA,EACxFtB;EAAI,CACD,CAAC;AAEX,CAAC;;AAED;AACA;AACA;AACA,SAASD,UAAU","ignoreList":[]}

package/lib/module/components/typography/interface.d.js

@@ -1,2 +1,4 @@
+"use strict";
+
 export {};
 //# sourceMappingURL=interface.d.js.map

package/lib/module/components/typography/interface.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\n * IMPORTS\n */\nimport { TextProps } from \"react-native\";\n\nimport { theme } from \"../../styles/theme/theme\";\n\ninterface ITextInterface extends TextProps {\n  /**\n   * Propiedade texto que serar renderizado pro usuário final\n   */\n  text: string;\n\n  /**\n   * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.\n   */\n  color?: string;\n\n  /**\n   * Propiedade size define o tamanho e a orientação da caixa que é usada para representar uma página. Na maioria das vezes, esse tamanho corresponde ao tamanho alvo da página impressa, se aplicável.\n   */\n  size?: number;\n\n  align?: \"center\" | \"left\" | \"right\";\n  lineHeight?: number;\n  letterSpacing?: keyof typeof theme.letterSpacing;\n\n  /**\n   * A propriedade text-decoration do CSS é usada para definir a formatação de underline, overline, line-through ou blink. As decorações underline e overline são posicionadas abaixo e acima do texto (respectivamente), e line-through cortando-o.\n   */\n  textDecoration?: \"line-through\" | \"underline\" | \"none\";\n\n  /**\n   * A propriedade CSS font-weight define o peso (ou negrito) da fonte. Os pesos disponíveis dependem da família de fontes definida atualmente.\n   */\n  fontWeight?: \"100\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\";\n\n  // fontFamily?: keyof typeof theme.fonts;\n  fontFamily?: string | undefined;\n\n  /**\n   * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).\n   */\n  margin?: number;\n\n  /**\n   * A propriedade CSS define a área de margem no lado esquerdo de um elemento. Um valor positivo o coloca mais distante de seus vizinhos, enquanto um valor negativo o coloca mais próximo.margin-left\n   */\n  marginLeft?: number;\n\n  /**\n   * A propriedade CSS define a área de margem no lado direito de um elemento. Um valor positivo o coloca mais distante de seus vizinhos, enquanto um valor negativo o coloca mais próximo.margin-right\n   */\n  marginRight?: number;\n\n  /**\n   * A propriedade CSS margin-top de um elemento indica o espaço acima do elemento. Valores negativos são aceitos.\n   */\n  marginTop?: number;\n\n  /**\n   * A propriedade CSS margin-bottom define a margin area na parte inferior de um elemento. Um valor positivo coloca o valor mais longe de outros elementos vizinhos, enquanto um valor negativo, aproxima.\n   */\n  marginBottom?: number;\n\n  /**\n   * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).\n   */\n  padding?: number;\n\n  /**\n   * A propriedade CSS padding-left é um elemento que define o espaço de preenchimento obrigatório no lado esquerdo de um elemento. padding area é o espaço entre o conteúdo do elemento e a borda. Um valor negativo não é permitido.\n   */\n  paddingLeft?: number;\n\n  /**\n   * A propriedade CSS define a largura da área de preenchimento à direita de um elemento.padding-right\n   */\n  paddingRight?: number;\n\n  /**\n   * A propriedade CSS define a altura da área de preenchimento na parte superior de um elemento.padding-top\n   */\n  paddingTop?: number;\n\n  /**\n   * A propriedade CSS define a altura da área de preenchimento na parte inferior de um elemento.padding-bottom\n   */\n  paddingBottom?: number;\n\n  /**\n   * Define o número máximo de linhas que o texto pode ocupar. Se o texto for maior que esse limite, ele será truncado.  numberOfLines\n   *\n   * Define onde a elipse (...) será adicionada quando o texto for cortado devido ao numberOfLines.\n   */\n  numberOfLines?: number;\n  ellipsizeMode?: \"head\" | \"middle\" | \"tail\" | \"clip\";\n}\n/**\n * EXPORTS\n */\nexport { ITextInterface };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/typography/interface.d.ts"],"mappings":"","ignoreList":[]}