@nexara/nativeflow 0.1.7 → 0.1.8

package/lib/module/components/Menu/MenuItem.js

@@ -1,15 +1,14 @@
 "use strict";
 
-import React from "react";
 import { TouchableOpacity } from "react-native";
 import { StyledView } from "../StyledComponents/index.js";
-import { horizontalScale, moderateScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const MenuItem = ({
   paddingV = 11,
   paddingH = 17,
   gap = 12,
-  style,
+  itemStyle,
   children,
   ...rest
 }) => {
@@ -21,8 +20,8 @@ const MenuItem = ({
         paddingVertical: verticalScale(paddingV),
         flexDirection: "row",
         align: "center",
-        gap: moderateScale(gap),
-        style: style,
+        gap: horizontalScale(gap),
+        style: itemStyle,
         children: children
       })
     })

package/lib/module/components/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","StyledView","horizontalScale","moderateScale","verticalScale","jsx","_jsx","Fragment","_Fragment","MenuItem","paddingV","paddingH","gap","style","children","rest","paddingHorizontal","paddingVertical","flexDirection","align"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/MenuItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,eAAe,EAAEC,aAAa,EAAEC,aAAa,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGrG,MAAMC,QAAiC,GAAGA,CAAC;EACvCC,QAAQ,GAAG,EAAE;EACbC,QAAQ,GAAG,EAAE;EACbC,GAAG,GAAG,EAAE;EACRC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,oBAAQT,IAAA,CAAAE,SAAA;IAAAM,QAAA,eACJR,IAAA,CAACN,gBAAgB;MAAA,GACTe,IAAI;MAAAD,QAAA,eAERR,IAAA,CAACL,UAAU;QACPe,iBAAiB,EAAEd,eAAe,CAACS,QAAQ,CAAE;QAC7CM,eAAe,EAAEb,aAAa,CAACM,QAAQ,CAAE;QACzCQ,aAAa,EAAC,KAAK;QACnBC,KAAK,EAAC,QAAQ;QACdP,GAAG,EAAET,aAAa,CAACS,GAAG,CAAE;QACxBC,KAAK,EAAEA,KAAM;QAAAC,QAAA,EAEZA;MAAQ,CACD;IAAC,CACC;EAAC,CACrB,CAAC;AACP,CAAC;AACD,eAAeL,QAAQ","ignoreList":[]}
+{"version":3,"names":["TouchableOpacity","StyledView","horizontalScale","verticalScale","jsx","_jsx","Fragment","_Fragment","MenuItem","paddingV","paddingH","gap","itemStyle","children","rest","paddingHorizontal","paddingVertical","flexDirection","align","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/MenuItem.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGtF,MAAMC,QAA2B,GAAGA,CAAC;EACjCC,QAAQ,GAAG,EAAE;EACbC,QAAQ,GAAG,EAAE;EACbC,GAAG,GAAG,EAAE;EACRC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,oBAAQT,IAAA,CAAAE,SAAA;IAAAM,QAAA,eACJR,IAAA,CAACL,gBAAgB;MAAA,GACTc,IAAI;MAAAD,QAAA,eAERR,IAAA,CAACJ,UAAU;QACPc,iBAAiB,EAAEb,eAAe,CAACQ,QAAQ,CAAE;QAC7CM,eAAe,EAAEb,aAAa,CAACM,QAAQ,CAAE;QACzCQ,aAAa,EAAC,KAAK;QACnBC,KAAK,EAAC,QAAQ;QACdP,GAAG,EAAET,eAAe,CAACS,GAAG,CAAE;QAC1BQ,KAAK,EAAEP,SAAU;QAAAC,QAAA,EAEhBA;MAAQ,CACD;IAAC,CACC;EAAC,CACrB,CAAC;AACP,CAAC;AACD,eAAeL,QAAQ","ignoreList":[]}

package/lib/module/components/Menu/MenuItemLabel.js

@@ -1,22 +1,17 @@
 "use strict";
 
-import React from "react";
 import { StyledText } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const MenuItemLabel = ({
-  fs,
-  style,
   children,
-  textVariant = 'h5',
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledText, {
-      fs: fs,
-      variant: textVariant,
-      color: "#000",
       numberOfLines: 1,
       flexShrink: 1,
+      fScale: "sm",
+      variant: "secondary",
       ...rest,
       children: children
     })

package/lib/module/components/Menu/MenuItemLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyledText","jsx","_jsx","Fragment","_Fragment","MenuItemLabel","fs","style","children","textVariant","rest","variant","color","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/MenuItemLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,aAA2C,GAAGA,CAAC;EACjDC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,WAAW,GAAG,IAAI;EAClB,GAAGC;AACP,CAAC,KAAK;EAEF,oBAAQR,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACF,UAAU;MACPM,EAAE,EAAEA,EAAG;MACPK,OAAO,EAAEF,WAAY;MACrBG,KAAK,EAAC,MAAM;MACZC,aAAa,EAAE,CAAE;MACjBC,UAAU,EAAE,CAAE;MAAA,GACVJ,IAAI;MAAAF,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,aAAa","ignoreList":[]}
+{"version":3,"names":["StyledText","jsx","_jsx","Fragment","_Fragment","MenuItemLabel","children","rest","numberOfLines","flexShrink","fScale","variant"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Menu/MenuItemLabel.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,aAAqC,GAAGA,CAAC;EAC3CC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,oBAAQL,IAAA,CAAAE,SAAA;IAAAE,QAAA,eACJJ,IAAA,CAACF,UAAU;MACPQ,aAAa,EAAE,CAAE;MACjBC,UAAU,EAAE,CAAE;MACdC,MAAM,EAAC,IAAI;MACXC,OAAO,EAAC,WAAW;MAAA,GACfJ,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeD,aAAa","ignoreList":[]}

package/lib/module/components/Progress/Progress.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import React, { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { Animated, StyleSheet } from "react-native";
-import { moderateScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { useTheme } from "../../hooks/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
@@ -10,11 +10,12 @@ const Progress = ({
   value = 50,
   thickness = 5,
   br = 100,
-  trackColor = '#E8E8E8',
+  trackColor,
   progressColor
 }) => {
   const animatedWidth = useRef(new Animated.Value(value)).current;
   const theme = useTheme();
+  trackColor = theme?.colors.palette.natural[200];
   useEffect(() => {
     Animated.timing(animatedWidth, {
       toValue: value / 100,
@@ -25,12 +26,12 @@ const Progress = ({
   const dynamicStyles = useMemo(() => ({
     TRACK: {
       backgroundColor: trackColor,
-      borderRadius: moderateScale(br),
+      borderRadius: verticalScale(br),
       height: verticalScale(thickness)
     },
     TRACK_ITEM: {
-      backgroundColor: progressColor ?? theme?.colors.primary,
-      borderRadius: moderateScale(br)
+      backgroundColor: progressColor ?? theme?.colors.brand.primary,
+      borderRadius: verticalScale(br)
     }
   }), [br, trackColor, thickness, progressColor, theme]);
   const animatedViewStyle = {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","Animated","StyleSheet","moderateScale","verticalScale","StyledView","useTheme","jsx","_jsx","Fragment","_Fragment","Progress","value","thickness","br","trackColor","progressColor","animatedWidth","Value","current","theme","timing","toValue","duration","useNativeDriver","start","dynamicStyles","TRACK","backgroundColor","borderRadius","height","TRACK_ITEM","colors","primary","animatedViewStyle","transform","scaleX","transformOrigin","children","style","STYLES","View","create","overflow","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Progress/Progress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,aAAa,EAAEC,aAAa,QAAS,yCAAsC;AACpF,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGvC,MAAMC,QAAiC,GAAGA,CAAC;EACvCC,KAAK,GAAG,EAAE;EACVC,SAAS,GAAG,CAAC;EACbC,EAAE,GAAG,GAAG;EACRC,UAAU,GAAG,SAAS;EACtBC;AACJ,CAAC,KAAK;EAEF,MAAMC,aAAa,GAAGjB,MAAM,CAAC,IAAIC,QAAQ,CAACiB,KAAK,CAACN,KAAK,CAAC,CAAC,CAACO,OAAO;EAC/D,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EAExBR,SAAS,CAAC,MAAM;IACZG,QAAQ,CAACoB,MAAM,CAACJ,aAAa,EAAE;MAC3BK,OAAO,EAAEV,KAAK,GAAG,GAAG;MACpBW,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACd,CAAC,EAAE,CAACb,KAAK,CAAC,CAAC;EAEX,MAAMc,aAAa,GAAG3B,OAAO,CAAC,OAAO;IACjC4B,KAAK,EAAE;MACHC,eAAe,EAAEb,UAAU;MAC3Bc,YAAY,EAAE1B,aAAa,CAACW,EAAE,CAAC;MAC/BgB,MAAM,EAAE1B,aAAa,CAACS,SAAS;IACnC,CAAC;IACDkB,UAAU,EAAE;MACRH,eAAe,EAAEZ,aAAa,IAAII,KAAK,EAAEY,MAAM,CAACC,OAAO;MACvDJ,YAAY,EAAE1B,aAAa,CAACW,EAAE;IAClC;EACJ,CAAC,CAAC,EAAE,CAACA,EAAE,EAAEC,UAAU,EAAEF,SAAS,EAAEG,aAAa,EAAEI,KAAK,CAAC,CAAC;EAEtD,MAAMc,iBAAiB,GAAG;IACtBC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEnB;IAAc,CAAC,CAAC;IACtCoB,eAAe,EAAE;EACrB,CAAC;EAED,oBAAQ7B,IAAA,CAAAE,SAAA;IAAA4B,QAAA,eACJ9B,IAAA,CAACH,UAAU;MACPkC,KAAK,EAAE,CAACC,MAAM,CAACb,KAAK,EAAED,aAAa,CAACC,KAAK,CAAE;MAAAW,QAAA,eAE3C9B,IAAA,CAACP,QAAQ,CAACwC,IAAI;QACVF,KAAK,EAAE,CAACC,MAAM,CAACT,UAAU,EAAEL,aAAa,CAACK,UAAU,EAAEG,iBAAiB;MAAE,CAC3E;IAAC,CACM;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAevB,QAAQ;AAGvB,MAAM6B,MAAM,GAAGtC,UAAU,CAACwC,MAAM,CAAC;EAC7Bf,KAAK,EAAE;IACHgB,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE;EACX,CAAC;EACDb,UAAU,EAAE;IACRa,KAAK,EAAE,MAAM;IACbd,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","StyleSheet","verticalScale","StyledView","useTheme","jsx","_jsx","Fragment","_Fragment","Progress","value","thickness","br","trackColor","progressColor","animatedWidth","Value","current","theme","colors","palette","natural","timing","toValue","duration","useNativeDriver","start","dynamicStyles","TRACK","backgroundColor","borderRadius","height","TRACK_ITEM","brand","primary","animatedViewStyle","transform","scaleX","transformOrigin","children","style","STYLES","View","create","overflow","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Progress/Progress.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAiB,OAAO;AAC3D,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGvC,MAAMC,QAA2B,GAAGA,CAAC;EACjCC,KAAK,GAAG,EAAE;EACVC,SAAS,GAAG,CAAC;EACbC,EAAE,GAAG,GAAG;EACRC,UAAU;EACVC;AACJ,CAAC,KAAK;EAEF,MAAMC,aAAa,GAAGhB,MAAM,CAAC,IAAIC,QAAQ,CAACgB,KAAK,CAACN,KAAK,CAAC,CAAC,CAACO,OAAO;EAC/D,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxBS,UAAU,GAAIK,KAAK,EAAEC,MAAM,CAACC,OAAO,CAACC,OAAO,CAAC,GAAG,CAAC;EAEhDxB,SAAS,CAAC,MAAM;IACZG,QAAQ,CAACsB,MAAM,CAACP,aAAa,EAAE;MAC3BQ,OAAO,EAAEb,KAAK,GAAG,GAAG;MACpBc,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACd,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,MAAMiB,aAAa,GAAG7B,OAAO,CAAC,OAAO;IACjC8B,KAAK,EAAE;MACHC,eAAe,EAAEhB,UAAU;MAC3BiB,YAAY,EAAE5B,aAAa,CAACU,EAAE,CAAC;MAC/BmB,MAAM,EAAE7B,aAAa,CAACS,SAAS;IACnC,CAAC;IACDqB,UAAU,EAAE;MACRH,eAAe,EAAEf,aAAa,IAAII,KAAK,EAAEC,MAAM,CAACc,KAAK,CAACC,OAAO;MAC7DJ,YAAY,EAAE5B,aAAa,CAACU,EAAE;IAClC;EACJ,CAAC,CAAC,EAAE,CAACA,EAAE,EAAEC,UAAU,EAAEF,SAAS,EAAEG,aAAa,EAAEI,KAAK,CAAC,CAAC;EAEtD,MAAMiB,iBAAiB,GAAG;IACtBC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEtB;IAAc,CAAC,CAAC;IACtCuB,eAAe,EAAE;EACrB,CAAC;EAED,oBAAQhC,IAAA,CAAAE,SAAA;IAAA+B,QAAA,eACJjC,IAAA,CAACH,UAAU;MACPqC,KAAK,EAAE,CAACC,MAAM,CAACb,KAAK,EAAED,aAAa,CAACC,KAAK,CAAE;MAAAW,QAAA,eAE3CjC,IAAA,CAACN,QAAQ,CAAC0C,IAAI;QACVF,KAAK,EAAE,CAACC,MAAM,CAACT,UAAU,EAAEL,aAAa,CAACK,UAAU,EAAEG,iBAAiB;MAAE,CAC3E;IAAC,CACM;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAe1B,QAAQ;AAGvB,MAAMgC,MAAM,GAAGxC,UAAU,CAAC0C,MAAM,CAAC;EAC7Bf,KAAK,EAAE;IACHgB,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE;EACX,CAAC;EACDb,UAAU,EAAE;IACRa,KAAK,EAAE,MAAM;IACbd,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Radio/RadioGroup.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React, { useCallback, useState } from "react";
+import { StyledView } from "../StyledComponents/index.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const RadioGroup = ({
+  name,
+  defaultValue,
+  children,
+  onSelect,
+  ...rest
+}) => {
+  const [selectedChildren, setSelectedChildren] = useState(defaultValue ?? '');
+  const renderChildren = useCallback(() => {
+    return React.Children.toArray(children).map(child => {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          active: selectedChildren === child.props.value,
+          onPress: () => {
+            if (!('disabled' in child.props) && !child?.props?.disabled) {
+              child.props?.onPress?.();
+              onSelect?.(name || child.props.name, child.props.value);
+              setSelectedChildren(child?.props?.value);
+            }
+          }
+        });
+      }
+      return null;
+    });
+  }, [children, selectedChildren]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(StyledView, {
+      flexDirection: "row",
+      gap: 15,
+      ...rest,
+      children: renderChildren()
+    })
+  });
+};
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/lib/module/components/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","StyledView","jsx","_jsx","Fragment","_Fragment","RadioGroup","name","defaultValue","children","onSelect","rest","selectedChildren","setSelectedChildren","renderChildren","Children","toArray","map","child","isValidElement","cloneElement","active","props","value","onPress","disabled","flexDirection","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/RadioGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAiB,OAAO;AAC7D,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAIjD,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,IAAI;EACJC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGb,QAAQ,CAASQ,YAAY,IAAI,EAAE,CAAC;EAEpF,MAAMM,cAAc,GAAGf,WAAW,CAAC,MAAM;IACrC,OAAOD,KAAK,CAACiB,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACQ,GAAG,CAAEC,KAAK,IAAK;MACnD,iBAAIpB,KAAK,CAACqB,cAAc,CAA6FD,KAAK,CAAC,EAAE;QACzH,oBAAOpB,KAAK,CAACsB,YAAY,CAACF,KAAK,EAAE;UAC7BG,MAAM,EAAET,gBAAgB,KAAKM,KAAK,CAACI,KAAK,CAACC,KAAK;UAC9CC,OAAO,EAAEA,CAAA,KAAM;YACX,IAAI,EAAE,UAAU,IAAIN,KAAK,CAACI,KAAK,CAAC,IAAI,CAACJ,KAAK,EAAEI,KAAK,EAAEG,QAAQ,EAAE;cACzDP,KAAK,CAACI,KAAK,EAAEE,OAAO,GAAG,CAAC;cACxBd,QAAQ,GAAGH,IAAI,IAAIW,KAAK,CAACI,KAAK,CAACf,IAAI,EAAEW,KAAK,CAACI,KAAK,CAACC,KAAK,CAAC;cACvDV,mBAAmB,CAACK,KAAK,EAAEI,KAAK,EAAEC,KAAK,CAAC;YAC5C;UACJ;QACJ,CAAC,CAAC;MACN;MACA,OAAO,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EAAE,CAACd,QAAQ,EAAEG,gBAAgB,CAAC,CAAC;EAEhC,oBAAQT,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACF,UAAU;MAACyB,aAAa,EAAC,KAAK;MAACC,GAAG,EAAE,EAAG;MAAA,GAAKhB,IAAI;MAAAF,QAAA,EAC5CK,cAAc,CAAC;IAAC,CACT;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeR,UAAU","ignoreList":[]}

package/lib/module/components/Radio/RadioItem.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { useMemo } from "react";
+import { StyledText, StyledView } from "../StyledComponents/index.js";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { horizontalScale } from "../../helpers/index.js";
+import { useTheme } from "../../hooks/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const RadioItem = ({
+  size = 22,
+  stroke = 2,
+  color,
+  active = false,
+  name,
+  disabled,
+  label,
+  fs,
+  fScale = 'base',
+  ff,
+  labelStyle,
+  ...rest
+}) => {
+  const STYLES = useMemo(customStyles, []);
+  const theme = useTheme();
+  const themedColor = disabled && theme?.colors.states.disabled || (color ?? theme?.colors.brand.primary);
+  const dynamicStyles = {
+    borderColor: themedColor,
+    borderWidth: stroke,
+    padding: 2,
+    height: size,
+    width: size
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      ...rest,
+      children: /*#__PURE__*/_jsxs(StyledView, {
+        style: STYLES.MAIN_CONT,
+        children: [/*#__PURE__*/_jsx(StyledView, {
+          style: [STYLES.RADIO_OUTER_CONT, dynamicStyles],
+          children: active && /*#__PURE__*/_jsx(StyledView, {
+            style: [STYLES.RADIO_INNER_CONT],
+            bg: themedColor
+          })
+        }), label && /*#__PURE__*/_jsx(StyledText, {
+          variant: disabled ? 'disabled' : 'primary',
+          ff: ff,
+          fs: fs,
+          fScale: fScale,
+          style: labelStyle,
+          children: label
+        })]
+      })
+    })
+  });
+};
+export default RadioItem;
+const customStyles = () => StyleSheet.create({
+  MAIN_CONT: {
+    flexDirection: 'row',
+    gap: horizontalScale(15),
+    alignItems: 'center'
+  },
+  RADIO_OUTER_CONT: {
+    borderRadius: 100,
+    overflow: 'hidden'
+  },
+  RADIO_INNER_CONT: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 100
+  }
+});
+//# sourceMappingURL=RadioItem.js.map

package/lib/module/components/Radio/RadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyledText","StyledView","StyleSheet","TouchableOpacity","horizontalScale","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RadioItem","size","stroke","color","active","name","disabled","label","fs","fScale","ff","labelStyle","rest","STYLES","customStyles","theme","themedColor","colors","states","brand","primary","dynamicStyles","borderColor","borderWidth","padding","height","width","children","style","MAIN_CONT","RADIO_OUTER_CONT","RADIO_INNER_CONT","bg","variant","create","flexDirection","gap","alignItems","borderRadius","overflow"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/RadioItem.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAiB,OAAO;AACxC,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,UAAU,EAAEC,gBAAgB,QAAwB,cAAc;AAC3E,SAASC,eAAe,QAAQ,wBAAe;AAC/C,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGvC,MAAMC,SAA6B,GAAGA,CAAC;EACnCC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,CAAC;EACVC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,MAAM,GAAG,MAAM;EACfC,EAAE;EACFC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAG1B,OAAO,CAAC2B,YAAY,EAAE,EAAE,CAAC;EACxC,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EAExB,MAAMuB,WAAW,GAAIV,QAAQ,IAAIS,KAAK,EAAEE,MAAM,CAACC,MAAM,CAACZ,QAAQ,KAAMH,KAAK,IAAIY,KAAK,EAAEE,MAAM,CAACE,KAAK,CAACC,OAAO,CAAC;EAEzG,MAAMC,aAAwB,GAAG;IAC7BC,WAAW,EAAEN,WAAW;IACxBO,WAAW,EAAErB,MAAM;IACnBsB,OAAO,EAAE,CAAC;IACVC,MAAM,EAAExB,IAAI;IACZyB,KAAK,EAAEzB;EACX,CAAC;EACD,oBAAQN,IAAA,CAAAI,SAAA;IAAA4B,QAAA,eACJhC,IAAA,CAACJ,gBAAgB;MAAA,GACTqB,IAAI;MAAAe,QAAA,eAER9B,KAAA,CAACR,UAAU;QAACuC,KAAK,EAAEf,MAAM,CAACgB,SAAU;QAAAF,QAAA,gBAChChC,IAAA,CAACN,UAAU;UAACuC,KAAK,EAAE,CAACf,MAAM,CAACiB,gBAAgB,EAAET,aAAa,CAAE;UAAAM,QAAA,EAEpDvB,MAAM,iBACNT,IAAA,CAACN,UAAU;YAACuC,KAAK,EAAE,CAACf,MAAM,CAACkB,gBAAgB,CAAE;YAACC,EAAE,EAAEhB;UAAY,CAAE;QAAC,CAE7D,CAAC,EAETT,KAAK,iBACLZ,IAAA,CAACP,UAAU;UAAC6C,OAAO,EAAE3B,QAAQ,GAAG,UAAU,GAAG,SAAU;UAACI,EAAE,EAAEA,EAAG;UAACF,EAAE,EAAEA,EAAG;UAACC,MAAM,EAAEA,MAAO;UAACmB,KAAK,EAAEjB,UAAW;UAAAgB,QAAA,EAAGpB;QAAK,CAAa,CAAC;MAAA,CAE5H;IAAC,CACC;EAAC,CACrB,CAAC;AACP,CAAC;AAED,eAAeP,SAAS;AAExB,MAAMc,YAAY,GAAGA,CAAA,KAAMxB,UAAU,CAAC4C,MAAM,CAAC;EACzCL,SAAS,EAAE;IACPM,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE5C,eAAe,CAAC,EAAE,CAAC;IACxB6C,UAAU,EAAE;EAChB,CAAC;EACDP,gBAAgB,EAAE;IACdQ,YAAY,EAAE,GAAG;IACjBC,QAAQ,EAAE;EACd,CAAC;EACDR,gBAAgB,EAAE;IACdL,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE,MAAM;IACda,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+import RadioGroup from "./RadioGroup.js";
+import RadioItem from "./RadioItem.js";
+const Radio = {
+  Group: RadioGroup,
+  Item: RadioItem
+};
+export default Radio;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroup","RadioItem","Radio","Group","Item"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/index.ts"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,iBAAc;AACrC,OAAOC,SAAS,MAAM,gBAAa;AAEnC,MAAMC,KAAK,GAAG;EACVC,KAAK,EAAEH,UAAU;EACjBI,IAAI,EAAEH;AACV,CAAC;AAED,eAAeC,KAAK","ignoreList":[]}

package/lib/module/components/Slider/Slider.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { StyleSheet } from "react-native";
-import { moderateScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Slider = ({
@@ -13,15 +13,15 @@ const Slider = ({
 }) => {
   const STYLES = StyleSheet.create({
     TRACK: {
-      backgroundColor: trackColor,
-      borderRadius: moderateScale(100)
+      backgroundColor: trackColor
+      // borderRadius: moderateScale(100),
       // overflow: 'hidden'
     },
     TRACK_ITEM: {
       backgroundColor: progressColor,
       height: verticalScale(size),
-      width: `${value}%`,
-      borderRadius: moderateScale(100)
+      width: `${value}%`
+      // borderRadius: moderateScale(100)
     }
   });
   return /*#__PURE__*/_jsx(_Fragment, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","moderateScale","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","Slider","value","size","trackColor","progressColor","STYLES","create","TRACK","backgroundColor","borderRadius","TRACK_ITEM","height","width","children","f","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,aAAa,QAAS,yCAAsC;AACpF,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAUjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGb,UAAU,CAACc,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEL,UAAU;MAC3BM,YAAY,EAAEhB,aAAa,CAAC,GAAG;MAC/B;IACJ,CAAC;IACDiB,UAAU,EAAE;MACRF,eAAe,EAAEJ,aAAa;MAC9BO,MAAM,EAAEjB,aAAa,CAACQ,IAAI,CAAC;MAC3BU,KAAK,EAAE,GAAGX,KAAK,GAAG;MAClBQ,YAAY,EAAEhB,aAAa,CAAC,GAAG;IACnC;EACJ,CAAC,CAAC;EAGF,oBAAQI,IAAA,CAAAE,SAAA;IAAAc,QAAA,eACAhB,IAAA,CAACF,UAAU;MAACmB,CAAC,EAAE,CAAE;MAACC,KAAK,EAAEV,MAAM,CAACE,KAAM;MAAAM,QAAA,eAClChB,IAAA,CAACF,UAAU;QAACoB,KAAK,EAAEV,MAAM,CAACK;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AACD,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","Slider","value","size","trackColor","progressColor","STYLES","create","TRACK","backgroundColor","TRACK_ITEM","height","width","children","f","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAAUC,aAAa,QAAS,yCAAsC;AACtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAUjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEL;MACjB;MACA;IACJ,CAAC;IACDM,UAAU,EAAE;MACRD,eAAe,EAAEJ,aAAa;MAC9BM,MAAM,EAAEhB,aAAa,CAACQ,IAAI,CAAC;MAC3BS,KAAK,EAAE,GAAGV,KAAK;MACf;IACJ;EACJ,CAAC,CAAC;EAGF,oBAAQJ,IAAA,CAAAE,SAAA;IAAAa,QAAA,eACAf,IAAA,CAACF,UAAU;MAACkB,CAAC,EAAE,CAAE;MAACC,KAAK,EAAET,MAAM,CAACE,KAAM;MAAAK,QAAA,eAClCf,IAAA,CAACF,UAAU;QAACmB,KAAK,EAAET,MAAM,CAACI;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AACD,eAAeT,MAAM","ignoreList":[]}

package/lib/module/components/Stack/HStack.js

@@ -1,29 +1,25 @@
 "use strict";
 
-import React, { useMemo } from "react";
 import { horizontalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const HStack = ({
-  justify,
   align = 'center',
   fWrap = 'wrap',
   gap = 10,
-  style,
+  containerStyle,
   children,
   ...rest
 }) => {
-  const calculatedGap = useMemo(() => horizontalScale(gap), [gap]);
   const viewProps = {
-    gap: calculatedGap,
+    gap: horizontalScale(gap),
     flexDirection: 'row',
-    justifyContent: justify,
     alignItems: align,
     flexWrap: fWrap
   };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/module/components/Stack/HStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","horizontalScale","StyledView","jsx","_jsx","Fragment","_Fragment","HStack","justify","align","fWrap","gap","style","children","rest","calculatedGap","viewProps","flexDirection","justifyContent","alignItems","flexWrap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,yCAAsC;AAEtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,OAAO;EACPC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,aAAqB,GAAGf,OAAO,CAAC,MAAMC,eAAe,CAACU,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAExE,MAAMK,SAAoB,GAAG;IACzBL,GAAG,EAAEI,aAAa;IAClBE,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAEV,OAAO;IACvBW,UAAU,EAAEV,KAAK;IACjBW,QAAQ,EAAEV;EACd,CAAC;EAED,oBAAQN,IAAA,CAAAE,SAAA;IAAAO,QAAA,eACJT,IAAA,CAACF,UAAU;MACPU,KAAK,EAAE,CAACI,SAAS,EAAEJ,KAAK,CAAE;MAAA,GACtBE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeN,MAAM","ignoreList":[]}
+{"version":3,"names":["horizontalScale","StyledView","jsx","_jsx","Fragment","_Fragment","HStack","align","fWrap","gap","containerStyle","children","rest","viewProps","flexDirection","alignItems","flexWrap","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,yCAAsC;AAEtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjD,MAAMC,MAAuB,GAAGA,CAAC;EAC7BC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,SAAoB,GAAG;IACzBJ,GAAG,EAAET,eAAe,CAACS,GAAG,CAAC;IACzBK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAER,KAAK;IACjBS,QAAQ,EAAER;EACd,CAAC;EAED,oBAAQL,IAAA,CAAAE,SAAA;IAAAM,QAAA,eACJR,IAAA,CAACF,UAAU;MACPgB,KAAK,EAAE,CAACJ,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeL,MAAM","ignoreList":[]}

package/lib/module/components/Stack/VStack.js

@@ -1,25 +1,21 @@
 "use strict";
 
-import React, { useMemo } from "react";
 import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const VStack = ({
-  children,
-  align,
   gap = 10,
-  style,
+  containerStyle,
+  children,
   ...rest
 }) => {
-  const calculatedGap = useMemo(() => verticalScale(gap), [gap]);
   const viewProps = {
     flexDirection: 'column',
-    alignItems: align,
-    gap: calculatedGap
+    gap: verticalScale(gap)
   };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/module/components/Stack/VStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","VStack","children","align","gap","style","rest","calculatedGap","viewProps","flexDirection","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,aAAa,QAAQ,yCAAsC;AAEpE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,QAAQ;EACRC,KAAK;EACLC,GAAG,GAAG,EAAE;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,aAAqB,GAAGb,OAAO,CAAC,MAAMC,aAAa,CAACS,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAEtE,MAAMI,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAEP,KAAK;IACjBC,GAAG,EAAEG;EACT,CAAC;EACD,oBAAQT,IAAA,CAAAE,SAAA;IAAAE,QAAA,eACJJ,IAAA,CAACF,UAAU;MACPS,KAAK,EAAE,CAACG,SAAS,EAAEH,KAAK,CAAE;MAAA,GACtBC,IAAI;MAAAJ,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeD,MAAM","ignoreList":[]}
+{"version":3,"names":["verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","VStack","gap","containerStyle","children","rest","viewProps","flexDirection","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;AACA,SAASA,aAAa,QAAQ,yCAAsC;AAEpE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,MAAuB,GAAGA,CAAC;EAC7BC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBL,GAAG,EAAEP,aAAa,CAACO,GAAG;EAC1B,CAAC;EACD,oBAAQJ,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACF,UAAU;MACPY,KAAK,EAAE,CAACF,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,MAAM","ignoreList":[]}

package/lib/module/components/StyledComponents/StyledText.js

@@ -1,12 +1,12 @@
 "use strict";
 
-import React from 'react';
 import { Text } from 'react-native';
 import { responsiveFontSize } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledText = ({
-  variant = 'h5',
+  variant = 'primary',
+  fScale = 'base',
   children,
   style,
   ff,
@@ -15,23 +15,35 @@ const StyledText = ({
   fw,
   color,
   themeColor,
-  primary,
-  secondary,
   ...rest
 }) => {
   const {
     colors,
-    typography: {
-      variantSizes
+    sizes: {
+      typography: typographyScales
     }
   } = useTheme();
+  const getVariantColor = () => {
+    switch (variant) {
+      case 'secondary':
+        return colors.typography.secondary;
+      case 'tertiary':
+        return colors.typography.tertiary;
+      case 'disabled':
+        return colors.typography.disabled;
+      case 'inverse':
+        return colors.typography.inverse;
+      default:
+        return colors.typography.primary;
+    }
+  };
   return /*#__PURE__*/_jsx(Text, {
     style: [{
-      fontSize: responsiveFontSize(fs ?? variantSizes[variant]),
+      fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
       fontFamily: ff ?? '',
       textAlign: tas ? 'center' : 'auto',
       fontWeight: fw ?? 'normal',
-      color: color ?? (themeColor && colors.primary || primary && colors.textPrimary || secondary && colors.textSecondary || colors.textTertiary)
+      color: color ?? (themeColor && colors.brand.primary || getVariantColor())
     }, style],
     ...rest,
     children: children

package/lib/module/components/StyledComponents/StyledText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","children","style","ff","fs","tas","fw","color","themeColor","primary","secondary","rest","colors","typography","variantSizes","fontSize","fontFamily","textAlign","fontWeight","textPrimary","textSecondary","textTertiary"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAAqC,GAAGA,CAAC;EAC3CC,OAAO,GAAG,IAAI;EACdC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,SAAS;EACT,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,UAAU,EAAE;MAAEC;IAAa;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAChE,oBACIE,IAAA,CAACJ,IAAI;IACDQ,KAAK,EAAE,CAAC;MACJa,QAAQ,EAAEpB,kBAAkB,CAACS,EAAE,IAAIU,YAAY,CAACd,OAAO,CAAC,CAAC;MACzDgB,UAAU,EAAEb,EAAE,IAAI,EAAE;MACpBc,SAAS,EAAEZ,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCa,UAAU,EAAEZ,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAII,MAAM,CAACH,OAAO,IAAIA,OAAO,IAAIG,MAAM,CAACO,WAAW,IAAIT,SAAS,IAAIE,MAAM,CAACQ,aAAa,IAAIR,MAAM,CAACS,YAAY;IAC9I,CAAC,EACGnB,KAAK,CACP;IAAA,GACES,IAAI;IAAAV,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeF,UAAU","ignoreList":[]}
+{"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCkB,UAAU,EAAEjB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACc,KAAK,CAACL,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGZ,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

package/lib/module/components/StyledComponents/StyledView.js

@@ -17,19 +17,19 @@ const StyledView = /*#__PURE__*/forwardRef(({
   style,
   ...rest
 }, ref) => {
-  const theme = useTheme(themeBg);
+  const theme = useTheme();
   return /*#__PURE__*/_jsx(View, {
     style: [{
       flex: f,
       justifyContent: justify,
       alignItems: align,
       flexWrap: fWrap,
-      backgroundColor: bg ?? (themeBg ? theme?.colors.secondary : 'transparent'),
+      backgroundColor: bg ?? (themeBg ? theme?.colors.background.default : 'transparent'),
       height: h,
       width: w
     }, style],
-    ...rest,
     ref: ref,
+    ...rest,
     children: children
   });
 });

package/lib/module/components/StyledComponents/StyledView.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","useTheme","jsx","_jsx","StyledView","f","justify","align","fWrap","bg","themeBg","h","w","children","style","rest","ref","theme","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","secondary","height","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,UAAU,gBAAGL,UAAU,CAAwB,CAAC;EAClDM,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAMC,KAAK,GAAGhB,QAAQ,CAACS,OAAO,CAAC;EAE/B,oBACIP,IAAA,CAACH,IAAI;IACDc,KAAK,EAAE,CAAC;MACJI,IAAI,EAAEb,CAAC;MACPc,cAAc,EAAEb,OAAO;MACvBc,UAAU,EAAEb,KAAK;MACjBc,QAAQ,EAAEb,KAAK;MACfc,eAAe,EAAEb,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAEM,MAAM,CAACC,SAAS,GAAG,aAAa,CAAC;MAC1EC,MAAM,EAAEd,CAAC;MACTe,KAAK,EAAEd;IACX,CAAC,EACGE,KAAK,CACP;IAAA,GACEC,IAAI;IACRC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;AAEF,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","useTheme","jsx","_jsx","StyledView","f","justify","align","fWrap","bg","themeBg","h","w","children","style","rest","ref","theme","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","background","default","height","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,UAAU,gBAAGL,UAAU,CAAwB,CAAC;EAClDM,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EAExB,oBACIE,IAAA,CAACH,IAAI;IACDc,KAAK,EAAE,CAAC;MACJI,IAAI,EAAEb,CAAC;MACPc,cAAc,EAAEb,OAAO;MACvBc,UAAU,EAAEb,KAAK;MACjBc,QAAQ,EAAEb,KAAK;MACfc,eAAe,EAAEb,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAEM,MAAM,CAACC,UAAU,CAACC,OAAO,GAAG,aAAa,CAAC;MACnFC,MAAM,EAAEf,CAAC;MACTgB,KAAK,EAAEf;IACX,CAAC,EACGE,KAAK,CACP;IACFE,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IAAAF,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;AAEF,eAAeT,UAAU","ignoreList":[]}

package/lib/module/components/Surface/Surface.js

@@ -1,29 +1,33 @@
 "use strict";
 
-import React from 'react';
-import { StyleSheet } from "react-native";
 import { StyledView } from "../StyledComponents/index.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 Surface = ({}) => {
-  const STYLES = StyleSheet.create({
-    CONTAINER: {
-      height: 100,
-      width: 100,
-      backgroundColor: '#fff',
-      shadowColor: "#000",
-      // shadowOffset: {
-      //     width: 100,
-      //     height: 100,
-      // },
-      // shadowOpacity: 0.43,
-      // shadowRadius: 9.51,
-
-      elevation: 15
-    }
-  });
+const Surface = ({
+  variant = 'elevated',
+  padding = 10,
+  br = 5,
+  children,
+  ...rest
+}) => {
+  const {
+    colors
+  } = useTheme();
+  const styles = variant === 'elevated' ? {
+    boxShadow: colors.elevation.level1
+  } : {
+    borderColor: colors.border.default,
+    borderWidth: 0.5
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: STYLES.CONTAINER
+      padding: verticalScale(padding),
+      borderRadius: verticalScale(br),
+      bg: colors.background.surface,
+      ...styles,
+      ...rest,
+      children: children
     })
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","StyledView","jsx","_jsx","Fragment","_Fragment","Surface","STYLES","create","CONTAINER","height","width","backgroundColor","shadowColor","elevation","children","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAO,cAAc;AACxC,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOjD,MAAMC,OAA+B,GAAGA,CAAC,CAEzC,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAE,MAAM;MACvBC,WAAW,EAAE,MAAM;MACnB;MACA;MACA;MACA;MACA;MACA;;MAEAC,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EAEF,oBAAQX,IAAA,CAAAE,SAAA;IAAAU,QAAA,eACJZ,IAAA,CAACF,UAAU;MAACe,KAAK,EAAET,MAAM,CAACE;IAAU,CAExB;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,OAAO","ignoreList":[]}
+{"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,MAAMa,MAAM,GAAGN,OAAO,KAAK,UAAU,GAAG;IAAEO,SAAS,EAAEF,MAAM,CAACG,SAAS,CAACC;EAAO,CAAC,GAAG;IAAEC,WAAW,EAAEL,MAAM,CAACM,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC;EAEzI,oBAAQjB,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,UAAU;MACPS,OAAO,EAAEP,aAAa,CAACO,OAAO,CAAE;MAChCa,YAAY,EAAEpB,aAAa,CAACQ,EAAE,CAAE;MAChCa,EAAE,EAAEV,MAAM,CAACW,UAAU,CAACC,OAAQ;MAAA,GAC1BX,MAAM;MAAA,GACNF,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,OAAO","ignoreList":[]}

package/lib/module/components/Switch/Switch.js

@@ -1,37 +1,40 @@
 "use strict";
 
-import React from "react";
 import { Switch as NativeSwitch } from "react-native";
-import LightenColorShades from "../../helpers/LightenColorShades.js";
-import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
+import Color from "color";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Switch = ({
   checked = true,
   color,
   disabled = false,
-  size = 0.8,
+  size = 0.9,
   activeTrackColor,
-  inactiveTrackColor = '#808080',
+  inactiveTrackColor,
   onChange,
   ...rest
 }) => {
-  const theme = useTheme();
-  const switchColor = disabled ? '#808080' : color ?? theme.colors.primary;
+  const {
+    colors
+  } = useTheme();
+  const switchColor = disabled ? colors.states.disabled : color ?? colors.brand.primary;
+  const disabledAndInActiveTrackColor = colors.palette.natural[200];
+  const generateActiveTrackColor = Color(colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(NativeSwitch, {
       value: checked,
       trackColor: {
-        true: LightenColorShades(activeTrackColor ?? switchColor, 50),
-        false: LightenColorShades(inactiveTrackColor, 60)
+        true: disabled && disabledAndInActiveTrackColor || (activeTrackColor ?? generateActiveTrackColor),
+        false: disabled && disabledAndInActiveTrackColor || (inactiveTrackColor ?? disabledAndInActiveTrackColor)
       },
       thumbColor: switchColor,
       onValueChange: onChange,
       style: {
         transform: [{
-          scaleX: moderateScale(size)
+          scaleX: verticalScale(size)
         }, {
-          scaleY: moderateScale(size)
+          scaleY: verticalScale(size)
         }]
       },
       disabled: disabled,