@nexara/nativeflow 0.1.6 → 0.1.8

package/lib/module/components/Chip/Chip.js

@@ -1,22 +1,24 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, Pressable, TouchableOpacity } from 'react-native';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 import { StyledText, StyledView } from "../StyledComponents/index.js";
 import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
 import { getChipColors } from "./utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const Chip = ({
-  title = 'Chip',
-  bg,
-  titleColor,
+  label = 'Chip',
+  labelColor,
   fs,
+  fScale = 'sm',
+  ff,
+  bg,
   br = 7,
   gap = 7,
-  paddingV = 9,
-  paddingH = 13,
-  stroke = 0.9,
+  paddingV = 6,
+  paddingH = 15,
+  stroke = 0.8,
   strokeColor,
   rippleColor,
   disabled = false,
@@ -24,6 +26,7 @@ const Chip = ({
   renderRightIcon,
   containerStyle,
   textStyle,
+  active = false,
   ...rest
 }) => {
   const theme = useTheme();
@@ -34,9 +37,10 @@ const Chip = ({
   } = getChipColors({
     theme,
     bg,
-    titleColor,
+    labelColor,
     strokeColor,
-    disabled
+    disabled,
+    active
   });
   const STYLES = StyleSheet.create({
     CONTAINER: {
@@ -47,7 +51,8 @@ const Chip = ({
       backgroundColor: backgroundColor,
       borderRadius: verticalScale(br),
       paddingVertical: verticalScale(paddingV),
-      paddingHorizontal: horizontalScale(paddingH),
+      paddingLeft: horizontalScale((renderLeftIcon && paddingH / 2) ?? paddingH),
+      paddingRight: horizontalScale((renderRightIcon && paddingH / 2) ?? paddingH),
       gap: horizontalScale(gap)
     },
     TEXT: {
@@ -57,27 +62,18 @@ const Chip = ({
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
       alignSelf: "flex-start",
-      children: /*#__PURE__*/_jsx(Pressable, {
-        android_ripple: {
-          color: rippleColor
-        },
-        ...rest,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
         disabled: disabled,
+        ...rest,
         children: /*#__PURE__*/_jsxs(StyledView, {
           style: [STYLES.CONTAINER, containerStyle],
-          children: [renderLeftIcon && /*#__PURE__*/_jsx(TouchableOpacity, {
-            disabled: disabled,
-            children: renderLeftIcon
-          }), /*#__PURE__*/_jsx(StyledText, {
-            primary: true,
-            variant: "h5",
+          children: [/*#__PURE__*/React.isValidElement(renderLeftIcon) && renderLeftIcon, /*#__PURE__*/_jsx(StyledText, {
+            fScale: fScale,
+            ff: ff,
             fs: fs,
             style: [STYLES.TEXT, textStyle],
-            children: title
-          }), renderRightIcon && /*#__PURE__*/_jsx(TouchableOpacity, {
-            disabled: disabled,
-            children: renderRightIcon
-          })]
+            children: label
+          }), /*#__PURE__*/React.isValidElement(renderRightIcon) && renderRightIcon]
         })
       })
     })

package/lib/module/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Pressable","TouchableOpacity","StyledText","StyledView","horizontalScale","verticalScale","useTheme","getChipColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Chip","title","bg","titleColor","fs","br","gap","paddingV","paddingH","stroke","strokeColor","rippleColor","disabled","renderLeftIcon","renderRightIcon","containerStyle","textStyle","rest","theme","buttonTextColor","buttonBorderColor","backgroundColor","STYLES","create","CONTAINER","flexDirection","alignItems","borderWidth","borderColor","borderRadius","paddingVertical","paddingHorizontal","TEXT","color","children","alignSelf","android_ripple","style","primary","variant"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,EAAEC,gBAAgB,QAAQ,cAAc;AACtE,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AACrF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGxC,MAAMC,IAAyB,GAAGA,CAAC;EAC/BC,KAAK,GAAG,MAAM;EACdC,EAAE;EACFC,UAAU;EACVC,EAAE;EACFC,EAAE,GAAG,CAAC;EACNC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,EAAE;EACbC,MAAM,GAAG,GAAG;EACZC,WAAW;EACXC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,eAAe;EACfC,cAAc;EACdC,SAAS;EACT,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG1B,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAE2B,eAAe;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG5B,aAAa,CAAC;IAC1EyB,KAAK;IACLhB,EAAE;IACFC,UAAU;IACVO,WAAW;IACXE;EACJ,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAGrC,UAAU,CAACsC,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAElB,MAAM;MACnBmB,WAAW,EAAER,iBAAiB;MAC9BC,eAAe,EAAEA,eAAe;MAChCQ,YAAY,EAAEtC,aAAa,CAACc,EAAE,CAAC;MAC/ByB,eAAe,EAAEvC,aAAa,CAACgB,QAAQ,CAAC;MACxCwB,iBAAiB,EAAEzC,eAAe,CAACkB,QAAQ,CAAC;MAC5CF,GAAG,EAAEhB,eAAe,CAACgB,GAAG;IAC5B,CAAC;IACD0B,IAAI,EAAE;MACFC,KAAK,EAAEd;IACX;EACJ,CAAC,CAAC;EACF,oBAAQxB,IAAA,CAAAI,SAAA;IAAAmC,QAAA,eACJvC,IAAA,CAACN,UAAU;MAAC8C,SAAS,EAAC,YAAY;MAAAD,QAAA,eAC9BvC,IAAA,CAACT,SAAS;QACNkD,cAAc,EAAE;UACZH,KAAK,EAAEtB;QACX,CAAE;QAAA,GACEM,IAAI;QACRL,QAAQ,EAAEA,QAAS;QAAAsB,QAAA,eAEnBrC,KAAA,CAACR,UAAU;UAACgD,KAAK,EAAE,CAACf,MAAM,CAACE,SAAS,EAAET,cAAc,CAAE;UAAAmB,QAAA,GAE9CrB,cAAc,iBACdlB,IAAA,CAACR,gBAAgB;YACbyB,QAAQ,EAAEA,QAAS;YAAAsB,QAAA,EAElBrB;UAAc,CACD,CAAC,eAEvBlB,IAAA,CAACP,UAAU;YAACkD,OAAO;YAACC,OAAO,EAAC,IAAI;YAACnC,EAAE,EAAEA,EAAG;YAACiC,KAAK,EAAE,CAACf,MAAM,CAACU,IAAI,EAAEhB,SAAS,CAAE;YAAAkB,QAAA,EAAEjC;UAAK,CAAa,CAAC,EAE1Fa,eAAe,iBACfnB,IAAA,CAACR,gBAAgB;YACbyB,QAAQ,EAAEA,QAAS;YAAAsB,QAAA,EAElBpB;UAAe,CACF,CAAC;QAAA,CAEf;MAAC,CAEN;IAAC,CACJ;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAed,IAAI","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","StyledText","StyledView","horizontalScale","verticalScale","useTheme","getChipColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Chip","label","labelColor","fs","fScale","ff","bg","br","gap","paddingV","paddingH","stroke","strokeColor","rippleColor","disabled","renderLeftIcon","renderRightIcon","containerStyle","textStyle","active","rest","theme","buttonTextColor","buttonBorderColor","backgroundColor","STYLES","create","CONTAINER","flexDirection","alignItems","borderWidth","borderColor","borderRadius","paddingVertical","paddingLeft","paddingRight","TEXT","color","children","alignSelf","style","isValidElement"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AACrF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGxC,MAAMC,IAAmB,GAAGA,CAAC;EACzBC,KAAK,GAAG,MAAM;EACdC,UAAU;EACVC,EAAE;EACFC,MAAM,GAAG,IAAI;EACbC,EAAE;EACFC,EAAE;EACFC,EAAE,GAAG,CAAC;EACNC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,EAAE;EACbC,MAAM,GAAG,GAAG;EACZC,WAAW;EACXC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,eAAe;EACfC,cAAc;EACdC,SAAS;EACTC,MAAM,GAAG,KAAK;EACd,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG7B,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAE8B,eAAe;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG/B,aAAa,CAAC;IAC1E4B,KAAK;IACLf,EAAE;IACFJ,UAAU;IACVU,WAAW;IACXE,QAAQ;IACRK;EACJ,CAAC,CAAC;EAEF,MAAMM,MAAM,GAAGvC,UAAU,CAACwC,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAEnB,MAAM;MACnBoB,WAAW,EAAER,iBAAiB;MAC9BC,eAAe,EAAEA,eAAe;MAChCQ,YAAY,EAAEzC,aAAa,CAACgB,EAAE,CAAC;MAC/B0B,eAAe,EAAE1C,aAAa,CAACkB,QAAQ,CAAC;MACxCyB,WAAW,EAAE5C,eAAe,CAAC,CAACyB,cAAc,IAAIL,QAAQ,GAAG,CAAC,KAAKA,QAAQ,CAAC;MAC1EyB,YAAY,EAAE7C,eAAe,CAAC,CAAC0B,eAAe,IAAIN,QAAQ,GAAG,CAAC,KAAKA,QAAQ,CAAC;MAC5EF,GAAG,EAAElB,eAAe,CAACkB,GAAG;IAC5B,CAAC;IACD4B,IAAI,EAAE;MACFC,KAAK,EAAEf;IACX;EACJ,CAAC,CAAC;EACF,oBAAQ3B,IAAA,CAAAI,SAAA;IAAAuC,QAAA,eACJ3C,IAAA,CAACN,UAAU;MAACkD,SAAS,EAAC,YAAY;MAAAD,QAAA,eAC9B3C,IAAA,CAACR,gBAAgB;QACb2B,QAAQ,EAAEA,QAAS;QAAA,GACfM,IAAI;QAAAkB,QAAA,eAERzC,KAAA,CAACR,UAAU;UAACmD,KAAK,EAAE,CAACf,MAAM,CAACE,SAAS,EAAEV,cAAc,CAAE;UAAAqB,QAAA,GAE9C,aAAArD,KAAK,CAACwD,cAAc,CAAC1B,cAAc,CAAC,IAAIA,cAAc,eAE1DpB,IAAA,CAACP,UAAU;YAACgB,MAAM,EAAEA,MAAO;YAACC,EAAE,EAAEA,EAAG;YAACF,EAAE,EAAEA,EAAG;YAACqC,KAAK,EAAE,CAACf,MAAM,CAACW,IAAI,EAAElB,SAAS,CAAE;YAAAoB,QAAA,EAAErC;UAAK,CAAa,CAAC,EAE7F,aAAAhB,KAAK,CAACwD,cAAc,CAACzB,eAAe,CAAC,IAAIA,eAAe;QAAA,CAEpD;MAAC,CAEC;IAAC,CACX;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAehB,IAAI","ignoreList":[]}

package/lib/module/components/Chip/utils.js

@@ -1,63 +1,75 @@
 "use strict";
 
+import Color from "color";
 const getBorderColor = ({
   theme,
   strokeColor,
-  disabled
+  disabled,
+  active
 }) => {
   if (disabled) {
-    return theme.colors.disable;
-  }
-  if (strokeColor) {
+    return theme.colors.border.strong;
+  } else if (strokeColor) {
     return strokeColor;
+  } else if (active) {
+    return Color(theme.colors.brand.primary).alpha(0.3).rgb().toString();
   }
-  return theme.colors.outline;
+  return theme.colors.border.default;
 };
 const getTextColor = ({
   theme,
-  titleColor,
+  labelColor,
   disabled
 }) => {
   if (disabled) {
-    return theme.colors.textDisable;
-  } else if (titleColor) {
-    return titleColor;
+    return theme.colors.typography.disabled;
+  } else if (labelColor) {
+    return labelColor;
   }
-  return theme.colors.textTertiary;
+  return theme.colors.typography.secondary;
 };
 const getBgColor = ({
   theme,
   bg,
-  disabled
+  disabled,
+  active
 }) => {
   if (disabled) {
-    return theme.colors.disable;
+    return theme.colors.states.disabled;
   } else if (bg) {
     return bg;
+  } else if (active) {
+    return Color(theme.colors.brand.primary).alpha(0.1).rgb().toString();
   }
-  return theme.colors.chipBgColor;
+  return 'transparent';
+  // return theme.colors.background.default
+  // return Color(theme.colors.brand.primary).alpha(0.2).rgb().toString();
+  // return Color(theme.colors.brand.primary).alpha(0.1).rgb().toString();
 };
 const getChipColors = ({
   theme,
   bg,
-  titleColor,
+  labelColor,
   strokeColor,
-  disabled
+  disabled,
+  active
 }) => {
   const backgroundColor = getBgColor({
     theme,
     bg,
-    disabled
+    disabled,
+    active
   });
   const buttonTextColor = getTextColor({
     theme,
-    titleColor,
+    labelColor,
     disabled
   });
   const buttonBorderColor = getBorderColor({
     theme,
     strokeColor,
-    disabled
+    disabled,
+    active
   });
   return {
     backgroundColor,

package/lib/module/components/Chip/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getBorderColor","theme","strokeColor","disabled","colors","disable","outline","getTextColor","titleColor","textDisable","textTertiary","getBgColor","bg","chipBgColor","getChipColors","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/utils.ts"],"mappings":";;AAEA,MAAMA,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B;EACA,IAAIH,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACE,OAAO;AAC/B,CAAC;AAGD,MAAMC,YAAY,GAAGA,CAAC;EAClBN,KAAK;EACLO,UAAU;EACVL;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACK,WAAW;EACnC,CAAC,MACI,IAAID,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACM,YAAY;AACpC,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAChBV,KAAK;EACLW,EAAE;EACFT;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B,CAAC,MACI,IAAIO,EAAE,EAAE;IACT,OAAOA,EAAE;EACb;EACA,OAAOX,KAAK,CAACG,MAAM,CAACS,WAAW;AACnC,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAC;EACnBb,KAAK;EACLW,EAAE;EACFJ,UAAU;EACVN,WAAW;EACXC;AAOJ,CAAC,KAAK;EAGF,MAAMY,eAAe,GAAGJ,UAAU,CAAC;IAC/BV,KAAK;IACLW,EAAE;IACFT;EACJ,CAAC,CAAC;EACF,MAAMa,eAAe,GAAGT,YAAY,CAAC;IACjCN,KAAK;IACLO,UAAU;IACVL;EACJ,CAAC,CAAC;EACF,MAAMc,iBAAiB,GAAGjB,cAAc,CAAC;IACrCC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EAEF,OAAO;IACHY,eAAe;IACfC,eAAe;IACfC;EACJ,CAAC;AACL,CAAC;AAED,SAASH,aAAa","ignoreList":[]}
+{"version":3,"names":["Color","getBorderColor","theme","strokeColor","disabled","active","colors","border","strong","brand","primary","alpha","rgb","toString","default","getTextColor","labelColor","typography","secondary","getBgColor","bg","states","getChipColors","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/utils.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,MAAM;EACrC,CAAC,MAAM,IAAIL,WAAW,EAAE;IACpB,OAAOA,WAAW;EACtB,CAAC,MAAM,IAAIE,MAAM,EAAE;IACf,OAAOL,KAAK,CAACE,KAAK,CAACI,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxE;EACA,OAAOX,KAAK,CAACI,MAAM,CAACC,MAAM,CAACO,OAAO;AACtC,CAAC;AAGD,MAAMC,YAAY,GAAGA,CAAC;EAClBb,KAAK;EACLc,UAAU;EACVZ;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACW,UAAU,CAACb,QAAQ;EAC3C,CAAC,MACI,IAAIY,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB;EACA,OAAOd,KAAK,CAACI,MAAM,CAACW,UAAU,CAACC,SAAS;AAC5C,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAChBjB,KAAK;EACLkB,EAAE;EACFhB,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACe,MAAM,CAACjB,QAAQ;EACvC,CAAC,MAAM,IAAIgB,EAAE,EAAE;IACX,OAAOA,EAAE;EACb,CAAC,MAAM,IAAIf,MAAM,EAAE;IACf,OAAOL,KAAK,CAACE,KAAK,CAACI,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxE;EACA,OAAO,aAAa;EACpB;EACA;EACA;AACJ,CAAC;AAED,MAAMS,aAAa,GAAGA,CAAC;EACnBpB,KAAK;EACLkB,EAAE;EACFJ,UAAU;EACVb,WAAW;EACXC,QAAQ;EACRC;AAQJ,CAAC,KAAK;EAGF,MAAMkB,eAAe,GAAGJ,UAAU,CAAC;IAC/BjB,KAAK;IACLkB,EAAE;IACFhB,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,eAAe,GAAGT,YAAY,CAAC;IACjCb,KAAK;IACLc,UAAU;IACVZ;EACJ,CAAC,CAAC;EACF,MAAMqB,iBAAiB,GAAGxB,cAAc,CAAC;IACrCC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EAEF,OAAO;IACHkB,eAAe;IACfC,eAAe;IACfC;EACJ,CAAC;AACL,CAAC;AAED,SAASH,aAAa","ignoreList":[]}

package/lib/module/components/Dialog/Dialog.js

@@ -4,13 +4,14 @@ import React, { cloneElement, forwardRef, useEffect, useImperativeHandle, useRef
 import { Keyboard, BackHandler, StyleSheet, Animated } from 'react-native';
 import { dialogSizes } from "../../constants/index.js";
 import Portal from "../Portal/Portal.js";
+import { useTheme } from "../../hooks/index.js";
+import { verticalScale } from "../../helpers/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Dialog = /*#__PURE__*/forwardRef(({
-  variant = 'default',
+  variant = 'classic',
   size = 'lg',
   fullScreen,
-  backdropColor = 'rgba(0, 0, 0, 0.5)',
-  // animationDuration = 800,
+  backdropColor,
   onClose,
   containerStyle,
   children
@@ -18,6 +19,7 @@ const Dialog = /*#__PURE__*/forwardRef(({
   const [dialogVisible, setDialogVisible] = useState(false);
   const scale = useRef(new Animated.Value(0.9)).current;
   const opacity = useRef(new Animated.Value(0)).current;
+  const theme = useTheme();
   useEffect(() => {
     Animated.timing(opacity, {
       toValue: dialogVisible ? 1 : 0,
@@ -46,7 +48,7 @@ const Dialog = /*#__PURE__*/forwardRef(({
   }));
   const backdropAnimatedStyles = {
     opacity: opacity,
-    backgroundColor: backdropColor
+    backgroundColor: backdropColor ?? theme?.colors.background.backdrop
   };
   const modalContAnimatedStyles = {
     transform: [{
@@ -57,7 +59,10 @@ const Dialog = /*#__PURE__*/forwardRef(({
   const dynamicModalContStyles = {
     minHeight: fullScreen ? '100%' : 'auto',
     maxHeight: fullScreen ? '100%' : '80%',
-    width: `${dialogSizes[size]}%`
+    width: `${dialogSizes[size]}%`,
+    backgroundColor: theme?.colors.background.elevated,
+    borderColor: theme?.colors.border.default,
+    borderRadius: verticalScale(40)
   };
   const renderChildrenWithVariant = () => {
     return React.Children.map(children, child => {
@@ -103,10 +108,10 @@ const STYLES = StyleSheet.create({
     alignItems: 'center'
   },
   MODAL_CONT: {
-    backgroundColor: '#fff',
+    // backgroundColor: '#fff',
     borderRadius: 5,
-    borderWidth: 1,
-    borderColor: '#d4d4d4'
+    borderWidth: 1
+    // borderColor: '#d4d4d4'
   }
 });
 //# sourceMappingURL=Dialog.js.map

package/lib/module/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cloneElement","forwardRef","useEffect","useImperativeHandle","useRef","useState","Keyboard","BackHandler","StyleSheet","Animated","dialogSizes","Portal","jsx","_jsx","Fragment","_Fragment","Dialog","variant","size","fullScreen","backdropColor","onClose","containerStyle","children","ref","dialogVisible","setDialogVisible","scale","Value","current","opacity","timing","toValue","duration","useNativeDriver","start","spring","damping","stiffness","handler","addEventListener","hardwareBackPress","remove","open","close","backdropAnimatedStyles","backgroundColor","modalContAnimatedStyles","transform","dynamicModalContStyles","minHeight","maxHeight","width","renderChildrenWithVariant","Children","map","child","isValidElement","handleStartShouldSetResponder","dismiss","name","View","style","STYLES","BACKDROP_CONT","pointerEvents","onStartShouldSetResponder","MODAL_CONT","create","position","top","bottom","left","right","justifyContent","alignItems","borderRadius","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAEC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEzG,SAASC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAE1E,SAASC,WAAW,QAAQ,0BAAiB;AAC7C,OAAOC,MAAM,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAItC,MAAMC,MAAM,gBAAGf,UAAU,CAA8B,CAAC;EACpDgB,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,UAAU;EACVC,aAAa,GAAG,oBAAoB;EACpC;EACAC,OAAO;EACPC,cAAc;EACdC;AACJ,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAMsB,KAAK,GAAGvB,MAAM,CAAC,IAAIK,QAAQ,CAACmB,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EACrD,MAAMC,OAAO,GAAG1B,MAAM,CAAC,IAAIK,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAErD3B,SAAS,CAAC,MAAM;IACZO,QAAQ,CAACsB,MAAM,CAACD,OAAO,EAAE;MACrBE,OAAO,EAAEP,aAAa,GAAG,CAAC,GAAG,CAAC;MAC9BQ,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACV1B,QAAQ,CAAC2B,MAAM,CAACT,KAAK,EAAE;MACnBK,OAAO,EAAEP,aAAa,GAAG,CAAC,GAAG,GAAG;MAChCY,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE,EAAE;MACbJ,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACd,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;EAEnBvB,SAAS,CAAC,MAAM;IACZ,MAAMqC,OAAO,GAAGhC,WAAW,CAACiC,gBAAgB,CAAC,mBAAmB,EAAEC,iBAAiB,CAAC;IACpF,OAAO,MAAMF,OAAO,CAACG,MAAM,CAAC,CAAC;EACjC,CAAC,EAAE,CAACjB,aAAa,CAAC,CAAC;EAEnB,MAAMgB,iBAAiB,GAAGA,CAAA,KAAM;IAC5BpB,OAAO,GAAG,CAAC;IACXK,gBAAgB,CAAC,KAAK,CAAC;IACvB,OAAOD,aAAa;EACxB,CAAC;EACDtB,mBAAmB,CAACqB,GAAG,EAAE,OAAO;IAC5BmB,IAAI,EAAEA,CAAA,KAAMjB,gBAAgB,CAAC,IAAI,CAAC;IAClCkB,KAAK,EAAEA,CAAA,KAAMlB,gBAAgB,CAAC,KAAK;EACvC,CAAC,CAAC,CAAC;EAEH,MAAMmB,sBAAsB,GAAG;IAC3Bf,OAAO,EAAEA,OAAO;IAChBgB,eAAe,EAAE1B;EACrB,CAAC;EACD,MAAM2B,uBAAuB,GAAG;IAC5BC,SAAS,EAAE,CAAC;MAAErB;IAAM,CAAC,CAAC;IACtBG,OAAO,EAAEA;EACb,CAAC;EACD,MAAMmB,sBAAiC,GAAG;IACtCC,SAAS,EAAE/B,UAAU,GAAG,MAAM,GAAG,MAAM;IACvCgC,SAAS,EAAEhC,UAAU,GAAG,MAAM,GAAG,KAAK;IACtCiC,KAAK,EAAE,GAAG1C,WAAW,CAACQ,IAAI,CAAC;EAC/B,CAAC;EAED,MAAMmC,yBAAyB,GAAGA,CAAA,KAAM;IACpC,OAAOtD,KAAK,CAACuD,QAAQ,CAACC,GAAG,CAAChC,QAAQ,EAAGiC,KAAK,IAAK;MAC3C,iBAAIzD,KAAK,CAAC0D,cAAc,CAACD,KAAK,CAAC,EAAE;QAC7B,oBAAOxD,YAAY,CAACwD,KAAK,EAAuB;UAAEvC;QAAQ,CAAC,CAAC;MAChE;MACA,OAAOuC,KAAK;IAChB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,6BAA6B,GAAGA,CAAA,KAAe;IACjDpD,QAAQ,CAACqD,OAAO,CAAC,CAAC;IAClBtC,OAAO,GAAG,CAAC;IACXK,gBAAgB,CAAC,KAAK,CAAC;IACvB,OAAO,IAAI;EACf,CAAC;EAED,oBAAQb,IAAA,CAAAE,SAAA;IAAAQ,QAAA,eACJV,IAAA,CAACF,MAAM;MAACiD,IAAI,EAAC,QAAQ;MAAArC,QAAA,eACjBV,IAAA,CAACJ,QAAQ,CAACoD,IAAI;QACVC,KAAK,EAAE,CAACC,MAAM,CAACC,aAAa,EAAEnB,sBAAsB,CAAE;QACtDoB,aAAa,EAAExC,aAAa,GAAG,MAAM,GAAG,MAAO;QAC/CyC,yBAAyB,EAAER,6BAA8B;QAAAnC,QAAA,eAEzDV,IAAA,CAACJ,QAAQ,CAACoD,IAAI;UACVC,KAAK,EAAE,CAACC,MAAM,CAACI,UAAU,EAAElB,sBAAsB,EAAEF,uBAAuB,EAAEzB,cAAc,CAAE;UAC5F4C,yBAAyB,EAAEA,CAAA,KAAM,IAAK;UAAA3C,QAAA,EAErC8B,yBAAyB,CAAC;QAAC,CACjB;MAAC,CACL;IAAC,CACZ;EAAC,CACX,CAAC;AACP,CAAC,CAAC;AACF,eAAerC,MAAM;AAGrB,MAAM+C,MAAM,GAAGvD,UAAU,CAAC4D,MAAM,CAAC;EAC7BJ,aAAa,EAAE;IACXK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB,CAAC;EACDR,UAAU,EAAE;IACRrB,eAAe,EAAE,MAAM;IACvB8B,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cloneElement","forwardRef","useEffect","useImperativeHandle","useRef","useState","Keyboard","BackHandler","StyleSheet","Animated","dialogSizes","Portal","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Dialog","variant","size","fullScreen","backdropColor","onClose","containerStyle","children","ref","dialogVisible","setDialogVisible","scale","Value","current","opacity","theme","timing","toValue","duration","useNativeDriver","start","spring","damping","stiffness","handler","addEventListener","hardwareBackPress","remove","open","close","backdropAnimatedStyles","backgroundColor","colors","background","backdrop","modalContAnimatedStyles","transform","dynamicModalContStyles","minHeight","maxHeight","width","elevated","borderColor","border","default","borderRadius","renderChildrenWithVariant","Children","map","child","isValidElement","handleStartShouldSetResponder","dismiss","name","View","style","STYLES","BACKDROP_CONT","pointerEvents","onStartShouldSetResponder","MODAL_CONT","create","position","top","bottom","left","right","justifyContent","alignItems","borderWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/DialogBody.js

@@ -1,26 +1,27 @@
 "use strict";
 
-import React from 'react';
-import { View, ScrollView } from 'react-native';
-import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
+import { ScrollView } from 'react-native';
+import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const DialogBody = ({
   variant,
   scrollEnable = true,
   containerStyle,
-  children
+  children,
+  ...rest
 }) => {
   const style = {
-    paddingVertical: variant == 'default' ? moderateScale(16) : 0,
-    paddingHorizontal: moderateScale(variant == 'default' ? 16 : 25),
-    gap: 20
+    paddingVertical: variant == 'default' ? verticalScale(16) : 0,
+    paddingHorizontal: horizontalScale(variant == 'default' ? 16 : 25)
   };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(ScrollView, {
       scrollEnabled: scrollEnable,
-      children: /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsx(StyledView, {
         style: [style, containerStyle],
         pointerEvents: "box-none",
+        ...rest,
         children: children
       })
     })

package/lib/module/components/Dialog/DialogBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ScrollView","moderateScale","jsx","_jsx","Fragment","_Fragment","DialogBody","variant","scrollEnable","containerStyle","children","style","paddingVertical","paddingHorizontal","gap","scrollEnabled","pointerEvents"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogBody.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAQrE,MAAMC,UAA2B,GAAGA,CAAC;EACjCC,OAAO;EACPC,YAAY,GAAG,IAAI;EACnBC,cAAc;EACdC;AACJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAG;IACVC,eAAe,EAAEL,OAAO,IAAI,SAAS,GAAGN,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC;IAC7DY,iBAAiB,EAAEZ,aAAa,CAACM,OAAO,IAAI,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IAChEO,GAAG,EAAE;EACT,CAAC;EACD,oBAAQX,IAAA,CAAAE,SAAA;IAAAK,QAAA,eAEJP,IAAA,CAACH,UAAU;MAACe,aAAa,EAAEP,YAAa;MAAAE,QAAA,eACpCP,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAE,CAACA,KAAK,EAAEF,cAAc,CAAE;QAACO,aAAa,EAAC,UAAU;QAAAN,QAAA,EACzDA;MAAQ,CACP;IAAC,CACC;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,UAAU","ignoreList":[]}
+{"version":3,"names":["ScrollView","horizontalScale","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","DialogBody","variant","scrollEnable","containerStyle","children","rest","style","paddingVertical","paddingHorizontal","scrollEnabled","pointerEvents"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogBody.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AAErF,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOjD,MAAMC,UAAqB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,YAAY,GAAG,IAAI;EACnBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,KAAK,GAAG;IACVC,eAAe,EAAEN,OAAO,IAAI,SAAS,GAAGP,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC;IAC7Dc,iBAAiB,EAAEf,eAAe,CAACQ,OAAO,IAAI,SAAS,GAAG,EAAE,GAAG,EAAE;EACrE,CAAC;EACD,oBAAQJ,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACL,UAAU;MAACiB,aAAa,EAAEP,YAAa;MAAAE,QAAA,eACpCP,IAAA,CAACF,UAAU;QAACW,KAAK,EAAE,CAACA,KAAK,EAAEH,cAAc,CAAE;QAACO,aAAa,EAAC,UAAU;QAAA,GAAKL,IAAI;QAAAD,QAAA,EACxEA;MAAQ,CACD;IAAC,CACL;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,UAAU","ignoreList":[]}

package/lib/module/components/Dialog/DialogDescription.js

@@ -1,27 +1,26 @@
 "use strict";
 
-import React from 'react';
 import { View } from 'react-native';
-import { moderateVerticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledText } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const DialogDescription = ({
-  textVariant = 'h5',
-  fs,
+  fScale = 'sm',
   containerStyle,
   textStyle,
-  children
+  children,
+  ...rest
 }) => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(View, {
       style: containerStyle,
       children: /*#__PURE__*/_jsx(StyledText, {
         style: [{
-          lineHeight: moderateVerticalScale(13)
+          lineHeight: verticalScale(20)
         }, textStyle],
-        color: "#a1a1aa",
-        variant: textVariant,
-        fs: fs,
+        variant: "tertiary",
+        fScale: fScale,
+        ...rest,
         children: children
       })
     })

package/lib/module/components/Dialog/DialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","moderateVerticalScale","StyledText","jsx","_jsx","Fragment","_Fragment","DialogDescription","textVariant","fs","containerStyle","textStyle","children","style","lineHeight","color","variant"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,qBAAqB,QAAQ,yCAAsC;AAC5E,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,iBAAmD,GAAGA,CAAC;EACzDC,WAAW,GAAG,IAAI;EAClBC,EAAE;EACFC,cAAc;EACdC,SAAS;EACTC;AACJ,CAAC,KAAK;EACF,oBAAQR,IAAA,CAAAE,SAAA;IAAAM,QAAA,eACJR,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAEH,cAAe;MAAAE,QAAA,eACxBR,IAAA,CAACF,UAAU;QACPW,KAAK,EAAE,CAAC;UAAEC,UAAU,EAAEb,qBAAqB,CAAC,EAAE;QAAE,CAAC,EAAEU,SAAS,CAAE;QAC9DI,KAAK,EAAC,SAAS;QACfC,OAAO,EAAER,WAAY;QACrBC,EAAE,EAAEA,EAAG;QAAAG,QAAA,EAENA;MAAQ,CACD;IAAC,CACX;EAAC,CACT,CAAC;AACP,CAAC;AACD,eAAeL,iBAAiB","ignoreList":[]}
+{"version":3,"names":["View","verticalScale","StyledText","jsx","_jsx","Fragment","_Fragment","DialogDescription","fScale","containerStyle","textStyle","children","rest","style","lineHeight","variant"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogDescription.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,iBAA6C,GAAGA,CAAC;EACnDC,MAAM,GAAG,IAAI;EACbC,cAAc;EACdC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,oBAAQR,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAEJ,cAAe;MAAAE,QAAA,eACxBP,IAAA,CAACF,UAAU;QACPW,KAAK,EAAE,CAAC;UAAEC,UAAU,EAAEb,aAAa,CAAC,EAAE;QAAE,CAAC,EAAES,SAAS,CAAE;QACtDK,OAAO,EAAC,UAAU;QAClBP,MAAM,EAAEA,MAAO;QAAA,GACXI,IAAI;QAAAD,QAAA,EAEPA;MAAQ,CACD;IAAC,CACX;EAAC,CACT,CAAC;AACP,CAAC;AACD,eAAeJ,iBAAiB","ignoreList":[]}

package/lib/module/components/Dialog/DialogFoot.js

@@ -1,33 +1,31 @@
 "use strict";
 
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import Stack from "../Stack/index.js";
-import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
+import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { useTheme } from "../../hooks/index.js";
+import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const DialogFoot = ({
   variant,
   containerStyle,
-  children
+  children,
+  ...rest
 }) => {
+  const theme = useTheme();
   const dynamicStyles = {
     borderTopWidth: variant === 'default' ? 0.7 : 0,
-    padding: moderateScale(variant === 'default' ? 16 : 20),
-    paddingHorizontal: moderateScale(variant === 'default' ? 16 : 25)
+    borderColor: theme?.colors.border.subtle,
+    padding: verticalScale(variant === 'default' ? 16 : 20),
+    paddingHorizontal: horizontalScale(variant === 'default' ? 16 : 25),
+    justifyContent: 'flex-end',
+    flexDirection: 'row'
   };
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(Stack.H, {
-      style: [STYLES.CONTAINER, dynamicStyles, containerStyle],
+    children: /*#__PURE__*/_jsx(StyledView, {
+      style: [dynamicStyles, containerStyle],
+      ...rest,
       children: children
     })
   });
 };
 export default DialogFoot;
-const STYLES = StyleSheet.create({
-  CONTAINER: {
-    borderColor: '#d4d4d4',
-    justifyContent: 'flex-end',
-    gap: moderateScale(15)
-  }
-});
 //# sourceMappingURL=DialogFoot.js.map

package/lib/module/components/Dialog/DialogFoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Stack","moderateScale","jsx","_jsx","Fragment","_Fragment","DialogFoot","variant","containerStyle","children","dynamicStyles","borderTopWidth","padding","paddingHorizontal","H","style","STYLES","CONTAINER","create","borderColor","justifyContent","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogFoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,KAAK,MAAM,mBAAU;AAC5B,SAASC,aAAa,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAQrE,MAAMC,UAA2B,GAAGA,CAAC;EACjCC,OAAO;EACPC,cAAc;EACdC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAG;IAClBC,cAAc,EAAEJ,OAAO,KAAK,SAAS,GAAG,GAAG,GAAG,CAAC;IAC/CK,OAAO,EAAEX,aAAa,CAACM,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IACvDM,iBAAiB,EAAEZ,aAAa,CAACM,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;EACpE,CAAC;EACD,oBAAQJ,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACH,KAAK,CAACc,CAAC;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEP,aAAa,EAAEF,cAAc,CAAE;MAAAC,QAAA,EAC7DA;IAAQ,CACJ;EAAC,CACZ,CAAC;AACP,CAAC;AACD,eAAeH,UAAU;AAGzB,MAAMU,MAAM,GAAGjB,UAAU,CAACmB,MAAM,CAAC;EAC7BD,SAAS,EAAE;IACPE,WAAW,EAAE,SAAS;IACtBC,cAAc,EAAE,UAAU;IAC1BC,GAAG,EAAEpB,aAAa,CAAC,EAAE;EACzB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["horizontalScale","verticalScale","useTheme","StyledView","jsx","_jsx","Fragment","_Fragment","DialogFoot","variant","containerStyle","children","rest","theme","dynamicStyles","borderTopWidth","borderColor","colors","border","subtle","padding","paddingHorizontal","justifyContent","flexDirection","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogFoot.tsx"],"mappings":";;AAEA,SAASA,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AAErF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOjD,MAAMC,UAAqB,GAAGA,CAAC;EAC3BC,OAAO;EACPC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EAExB,MAAMY,aAAwB,GAAG;IAC7BC,cAAc,EAAEN,OAAO,KAAK,SAAS,GAAG,GAAG,GAAG,CAAC;IAC/CO,WAAW,EAAEH,KAAK,EAAEI,MAAM,CAACC,MAAM,CAACC,MAAM;IACxCC,OAAO,EAAEnB,aAAa,CAACQ,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IACvDY,iBAAiB,EAAErB,eAAe,CAACS,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;IACnEa,cAAc,EAAE,UAAU;IAC1BC,aAAa,EAAE;EACnB,CAAC;EACD,oBAAQlB,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACF,UAAU;MAACqB,KAAK,EAAE,CAACV,aAAa,EAAEJ,cAAc,CAAE;MAAA,GAAKE,IAAI;MAAAD,QAAA,EACvDA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,UAAU","ignoreList":[]}

package/lib/module/components/Dialog/DialogHead.js

@@ -1,54 +1,50 @@
 "use strict";
 
-import React from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
-import { X } from "../../assets/svg/index.js";
+import { useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledText } from "../StyledComponents/index.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTheme } from "../../hooks/index.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const DialogHead = ({
   variant = 'default',
-  title = 'Title',
-  textVariant = 'h4',
+  title,
+  fScale = 'xl',
   fs,
+  ff,
   containerStyle,
-  textStyle,
+  titleStyle,
   children
 }) => {
+  const theme = useTheme();
+  const STYLES = useMemo(Styles, []);
   const dynamicStyles = {
     borderBottomWidth: variant == 'default' ? 0.7 : 0,
-    padding: moderateScale(variant === 'default' ? 16 : 25)
+    borderColor: theme?.colors.border.subtle,
+    padding: verticalScale(variant === 'default' ? 16 : 25)
   };
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(View, {
+    children: /*#__PURE__*/_jsx(View, {
       style: [STYLES.CONTAINER, dynamicStyles, containerStyle],
-      children: [/*#__PURE__*/_jsxs(View, {
-        children: [/*#__PURE__*/_jsx(StyledText, {
-          style: [STYLES.HEADER_TEXT, textStyle],
-          fs: fs,
-          variant: textVariant,
-          children: title
-        }), children]
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        children: /*#__PURE__*/_jsx(X, {
-          color: "gray",
-          size: moderateScale(20)
-        })
-      })]
+      children: /*#__PURE__*/_jsx(StyledText, {
+        style: [STYLES.HEADER_TEXT, titleStyle],
+        fs: fs,
+        ff: ff,
+        fScale: fScale,
+        children: title || children
+      })
     })
   });
 };
 export default DialogHead;
-const STYLES = StyleSheet.create({
+const Styles = () => StyleSheet.create({
   CONTAINER: {
-    borderColor: '#d4d4d4',
-    paddingBottom: moderateScale(16),
+    paddingBottom: verticalScale(16),
     justifyContent: 'space-between',
     flexDirection: 'row'
   },
   HEADER_TEXT: {
-    fontWeight: 'bold',
-    color: '#000'
+    fontWeight: 'bold'
   }
 });
 //# sourceMappingURL=DialogHead.js.map

package/lib/module/components/Dialog/DialogHead.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","moderateScale","X","StyledText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DialogHead","variant","title","textVariant","fs","containerStyle","textStyle","children","dynamicStyles","borderBottomWidth","padding","style","STYLES","CONTAINER","HEADER_TEXT","color","size","create","borderColor","paddingBottom","justifyContent","flexDirection","fontWeight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogHead.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,CAAC,QAAQ,2BAAkB;AACpC,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAQjD,MAAMC,UAA2B,GAAGA,CAAC;EACjCC,OAAO,GAAG,SAAS;EACnBC,KAAK,GAAG,OAAO;EACfC,WAAW,GAAG,IAAI;EAClBC,EAAE;EACFC,cAAc;EACdC,SAAS;EACTC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAG;IAClBC,iBAAiB,EAAER,OAAO,IAAI,SAAS,GAAG,GAAG,GAAG,CAAC;IACjDS,OAAO,EAAEnB,aAAa,CAACU,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;EAC1D,CAAC;EACD,oBAAQN,IAAA,CAAAI,SAAA;IAAAQ,QAAA,eAEJV,KAAA,CAACT,IAAI;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEL,aAAa,EAAEH,cAAc,CAAE;MAAAE,QAAA,gBAC3DV,KAAA,CAACT,IAAI;QAAAmB,QAAA,gBACDZ,IAAA,CAACF,UAAU;UAACkB,KAAK,EAAE,CAACC,MAAM,CAACE,WAAW,EAAER,SAAS,CAAE;UAACF,EAAE,EAAEA,EAAG;UAACH,OAAO,EAAEE,WAAY;UAAAI,QAAA,EAAEL;QAAK,CAAa,CAAC,EACrGK,QAAQ;MAAA,CACP,CAAC,eACPZ,IAAA,CAACL,gBAAgB;QAAAiB,QAAA,eACbZ,IAAA,CAACH,CAAC;UAACuB,KAAK,EAAC,MAAM;UAACC,IAAI,EAAEzB,aAAa,CAAC,EAAE;QAAE,CAAE;MAAC,CAC7B,CAAC;IAAA,CACjB;EAAC,CACT,CAAC;AACP,CAAC;AACD,eAAeS,UAAU;AAIzB,MAAMY,MAAM,GAAGvB,UAAU,CAAC4B,MAAM,CAAC;EAC7BJ,SAAS,EAAE;IACPK,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE5B,aAAa,CAAC,EAAE,CAAC;IAChC6B,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE;EACnB,CAAC;EACDP,WAAW,EAAE;IACTQ,UAAU,EAAE,MAAM;IAClBP,KAAK,EAAE;EACX;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","View","StyleSheet","verticalScale","StyledText","useTheme","jsx","_jsx","Fragment","_Fragment","DialogHead","variant","title","fScale","fs","ff","containerStyle","titleStyle","children","theme","STYLES","Styles","dynamicStyles","borderBottomWidth","borderColor","colors","border","subtle","padding","style","CONTAINER","HEADER_TEXT","create","paddingBottom","justifyContent","flexDirection","fontWeight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/DialogHead.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAiB,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOvC,MAAMC,UAAqB,GAAGA,CAAC;EAC3BC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,MAAM,GAAG,IAAI;EACbC,EAAE;EACFC,EAAE;EACFC,cAAc;EACdC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,MAAM,GAAGpB,OAAO,CAACqB,MAAM,EAAE,EAAE,CAAC;EAElC,MAAMC,aAAa,GAAG;IAClBC,iBAAiB,EAAEZ,OAAO,IAAI,SAAS,GAAG,GAAG,GAAG,CAAC;IACjDa,WAAW,EAAEL,KAAK,EAAEM,MAAM,CAACC,MAAM,CAACC,MAAM;IACxCC,OAAO,EAAEzB,aAAa,CAACQ,OAAO,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE;EAC1D,CAAC;EACD,oBAAQJ,IAAA,CAAAE,SAAA;IAAAS,QAAA,eACJX,IAAA,CAACN,IAAI;MAAC4B,KAAK,EAAE,CAACT,MAAM,CAACU,SAAS,EAAER,aAAa,EAAEN,cAAc,CAAE;MAAAE,QAAA,eAC3DX,IAAA,CAACH,UAAU;QAACyB,KAAK,EAAE,CAACT,MAAM,CAACW,WAAW,EAAEd,UAAU,CAAE;QAACH,EAAE,EAAEA,EAAG;QAACC,EAAE,EAAEA,EAAG;QAACF,MAAM,EAAEA,MAAO;QAAAK,QAAA,EAAEN,KAAK,IAAIM;MAAQ,CAAa;IAAC,CACnH;EAAC,CACT,CAAC;AACP,CAAC;AACD,eAAeR,UAAU;AAIzB,MAAMW,MAAM,GAAGA,CAAA,KAAMnB,UAAU,CAAC8B,MAAM,CAAC;EACnCF,SAAS,EAAE;IACPG,aAAa,EAAE9B,aAAa,CAAC,EAAE,CAAC;IAChC+B,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE;EACnB,CAAC;EACDJ,WAAW,EAAE;IACTK,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Divider/Divider.js

@@ -1,23 +1,20 @@
 "use strict";
 
-import React from 'react';
 import { StyledView } from "../StyledComponents/index.js";
 import { useTheme } from "../../hooks/index.js";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const Divider = ({
-  thickness = 0.2,
+  thickness = 0.7,
   color,
   style
 }) => {
   const theme = useTheme();
   const dynamicStyles = {
     borderWidth: thickness,
-    borderColor: color ?? theme?.colors.dividerColor
+    borderColor: color ?? theme?.colors.border.subtle
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(StyledView, {
-      style: [dynamicStyles, style]
-    })
+  return /*#__PURE__*/_jsx(StyledView, {
+    style: [dynamicStyles, style]
   });
 };
 export default Divider;

package/lib/module/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyledView","useTheme","jsx","_jsx","Fragment","_Fragment","Divider","thickness","color","style","theme","dynamicStyles","borderWidth","borderColor","colors","dividerColor","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Divider/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AASvC,MAAMC,OAA+B,GAAGA,CAAC;EACrCC,SAAS,GAAG,GAAG;EACfC,KAAK;EACLC;AACJ,CAAC,KAAK;EAEF,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EAExB,MAAMU,aAAa,GAAG;IAClBC,WAAW,EAAEL,SAAS;IACtBM,WAAW,EAAEL,KAAK,IAAIE,KAAK,EAAEI,MAAM,CAACC;EACxC,CAAC;EACD,oBAAQZ,IAAA,CAAAE,SAAA;IAAAW,QAAA,eACJb,IAAA,CAACH,UAAU;MAACS,KAAK,EAAE,CAACE,aAAa,EAAEF,KAAK;IAAE,CAAE;EAAC,CAC/C,CAAC;AACP,CAAC;AACD,eAAeH,OAAO","ignoreList":[]}
+{"version":3,"names":["StyledView","useTheme","jsx","_jsx","Divider","thickness","color","style","theme","dynamicStyles","borderWidth","borderColor","colors","border","subtle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Divider/Divider.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,SAAS,GAAG,GAAG;EACfC,KAAK;EACLC;AACJ,CAAC,KAAK;EACF,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,aAAa,GAAG;IAClBC,WAAW,EAAEL,SAAS;IACtBM,WAAW,EAAEL,KAAK,IAAIE,KAAK,EAAEI,MAAM,CAACC,MAAM,CAACC;EAC/C,CAAC;EACD,oBACIX,IAAA,CAACH,UAAU;IAACO,KAAK,EAAE,CAACE,aAAa,EAAEF,KAAK;EAAE,CAAE,CAAC;AAErD,CAAC;AACD,eAAeH,OAAO","ignoreList":[]}

package/lib/module/components/Grid/Grid.js

@@ -1,9 +1,10 @@
 "use strict";
 
-import React, { useMemo } from 'react';
-import { View, StyleSheet } from "react-native";
+import { useMemo } from 'react';
+import { StyleSheet } from "react-native";
 import { getGridValue } from "../../helpers/index.js";
 import { useConditionalWindowDimension } from "../../hooks/index.js";
+import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Grid = ({
   container = false,
@@ -48,7 +49,7 @@ const Grid = ({
     }
   });
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(StyledView, {
       style: [STYLES.MAIN_CONT, containerStyle],
       ...rest,
       children: children