@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/theme/v33x-theme/tools/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["omitBy","isNil","pick","omit","get","Platform","stylingProps","margin","padding","border","layout","flexbox","position","background","omitUndefined","obj","getRandomString","length","result","characters","charactersLength","i","charAt","Math","floor","random","orderedPick","values","ret","Object","keys","forEach","key","includes","orderedExtractInObject","parent","extractInObject","getColorFormColorScheme","props","theme","colorScheme","isDisabled","simpleColorScheme","split","colors","getColorScheme","customColorScheme","inValidBreakpointProps","hasValidBreakpointFormat","breaks","themeBreakpoints","property","indexOf","Array","isArray","themeBreakPointKeys","findLastValidBreakpoint","currentBreakpoint","valArray","map","bPoint","slice","filter","v","pop","getClosestBreakpoint","point","dimValues","index","breakpointsObj","breakpoints","parseInt","baseFontSize","convertAbsoluteToRem","px","convertRemToAbsolute","rem","convertToDp","value","numberRegex","isAbsolute","test","isPx","endsWith","isRem","isEm","finalDpValue","parseFloat","platformSpecificSpaceUnits","scales","newTheme","isWeb","OS","scale","newScale","scaleKey","val","isResponsiveAnyProp"],"mappings":"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","sourcesContent":["import omitBy from 'lodash.omitby';\r\nimport isNil from 'lodash.isnil';\r\nimport pick from 'lodash.pick';\r\nimport omit from 'lodash.omit';\r\nimport get from 'lodash.get';\r\nimport type { IV33xTheme } from '../index';\r\nimport { Platform } from 'react-native';\r\n\r\nexport const stylingProps = {\r\n  margin: [\r\n    'margin',\r\n    'm',\r\n    'marginTop',\r\n    'mt',\r\n    'marginRight',\r\n    'mr',\r\n    'marginBottom',\r\n    'mb',\r\n    'marginLeft',\r\n    'ml',\r\n    'marginX',\r\n    'mx',\r\n    'marginY',\r\n    'my',\r\n  ],\r\n  padding: [\r\n    'padding',\r\n    'p',\r\n    'paddingTop',\r\n    'pt',\r\n    'paddingRight',\r\n    'pr',\r\n    'paddingBottom',\r\n    'pb',\r\n    'paddingLeft',\r\n    'pl',\r\n    'paddingX',\r\n    'px',\r\n    'paddingY',\r\n    'py',\r\n  ],\r\n  border: [\r\n    'border',\r\n    'borderWidth',\r\n    'borderStyle',\r\n    'borderColor',\r\n    'borderRadius',\r\n    'borderTop',\r\n    'borderTopWidth',\r\n    'borderTopStyle',\r\n    'borderTopColor',\r\n    'borderTopLeftRadius',\r\n    'borderTopRightRadius',\r\n    'borderRight',\r\n    'borderRightWidth',\r\n    'borderRightStyle',\r\n    'borderRightColor',\r\n    'borderBottom',\r\n    'borderBottomWidth',\r\n    'borderBottomStyle',\r\n    'borderBottomColor',\r\n    'borderBottomLeftRadius',\r\n    'borderBottomRightRadius',\r\n    'borderLeft',\r\n    'borderLeftWidth',\r\n    'borderLeftStyle',\r\n    'borderLeftColor',\r\n    'borderX',\r\n    'borderY',\r\n  ],\r\n  layout: [\r\n    'width',\r\n    'w',\r\n    'height',\r\n    'h',\r\n    'display',\r\n    'minWidth',\r\n    'minW',\r\n    'minH',\r\n    'minHeight',\r\n    'maxWidth',\r\n    'maxW',\r\n    'maxHeight',\r\n    'maxH',\r\n    'size',\r\n    'verticalAlign',\r\n    'overflow',\r\n    'overflowX',\r\n    'overflowY',\r\n  ],\r\n  flexbox: [\r\n    'alignItems',\r\n    'alignContent',\r\n    'justifyItems',\r\n    'justifyContent',\r\n    'flexWrap',\r\n    'flexDirection',\r\n    'flex',\r\n    'flexGrow',\r\n    'flexShrink',\r\n    'flexBasis',\r\n    'justifySelf',\r\n    'alignSelf',\r\n    'order',\r\n  ],\r\n  position: ['position', 'zIndex', 'top', 'right', 'bottom', 'left'],\r\n  background: ['bg', 'backgroundColor', 'bgColor'],\r\n};\r\nexport type Dict = Record<string, any>;\r\nexport function omitUndefined(obj: any) {\r\n  return omitBy(obj, isNil);\r\n}\r\nexport function getRandomString(length: number) {\r\n  var result = '';\r\n  var characters =\r\n    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n  var charactersLength = characters.length;\r\n  for (var i = 0; i < length; i++) {\r\n    result += characters.charAt(Math.floor(Math.random() * charactersLength));\r\n  }\r\n  return result;\r\n}\r\n// Inefficient way for pick, but retains order of props.\r\nfunction orderedPick(obj: any, values: any) {\r\n  const ret: any = {};\r\n  Object.keys(obj).forEach((key: string) => {\r\n    if (values.includes(key)) {\r\n      ret[key] = obj[key];\r\n    }\r\n  });\r\n  return ret;\r\n}\r\nexport function orderedExtractInObject(parent: any, values: Array<string>) {\r\n  return [\r\n    omitUndefined(orderedPick(parent, values)),\r\n    omitUndefined(omit(parent, values)),\r\n  ];\r\n}\r\n/**\r\n *\r\n * @param parent The object from which data needs to extracted\r\n * @param values Keys which needs to be extracted\r\n * @returns [extractedProps, remainingProps]\r\n */\r\nexport function extractInObject(parent: any, values: Array<string>) {\r\n  return [\r\n    omitUndefined(pick(parent, values)),\r\n    omitUndefined(omit(parent, values)),\r\n  ];\r\n}\r\nexport function getColorFormColorScheme(props: Record<string, any>) {\r\n  const { theme, colorScheme, isDisabled } = props;\r\n  const simpleColorScheme = colorScheme.split('.')[0];\r\n  if (isDisabled) return 'gray.300';\r\n  else if (simpleColorScheme in theme.colors) {\r\n    return theme.colors[simpleColorScheme][0] === '#'\r\n      ? simpleColorScheme\r\n      : theme.colors[simpleColorScheme][400] ||\r\n          theme.colors[simpleColorScheme][200];\r\n  } else return 'primary.200';\r\n}\r\n\r\n// TODO: This function can be removed.\r\nexport function getColorScheme(\r\n  props: Record<string, any>,\r\n  customColorScheme?: string\r\n) {\r\n  let { theme, colorScheme } = props;\r\n  colorScheme = customColorScheme || colorScheme;\r\n  if (!(colorScheme in theme.colors)) return 'primary';\r\n  else {\r\n    if (typeof theme.colors[colorScheme] === 'object') return colorScheme;\r\n  }\r\n}\r\nexport const inValidBreakpointProps = ['style', 'children', 'shadowOffset'];\r\nexport function hasValidBreakpointFormat(\r\n  breaks: any,\r\n  themeBreakpoints?: any,\r\n  property?: string\r\n) {\r\n  if (property && inValidBreakpointProps.indexOf(property) !== -1) {\r\n    return false;\r\n  } else if (Array.isArray(breaks)) {\r\n    return breaks.length ? true : false;\r\n  } else if (typeof breaks === 'object' && breaks !== null) {\r\n    const keys = Object.keys(breaks);\r\n    const themeBreakPointKeys = Object.keys(themeBreakpoints);\r\n    for (let i = 0; i < keys.length; i++) {\r\n      if (themeBreakPointKeys.indexOf(keys[i]) === -1) {\r\n        return false;\r\n      }\r\n    }\r\n    return true;\r\n  } else {\r\n    return false;\r\n  }\r\n}\r\nexport function findLastValidBreakpoint(\r\n  values: any,\r\n  themeBreakpoints: any,\r\n  currentBreakpoint: number\r\n) {\r\n  const valArray = Array.isArray(values)\r\n    ? values\r\n    : Object.keys(themeBreakpoints).map((bPoint: string) => values[bPoint]);\r\n  return (\r\n    valArray[currentBreakpoint] ??\r\n    valArray\r\n      .slice(0, currentBreakpoint + 1)\r\n      .filter((v: any) => !isNil(v))\r\n      .pop()\r\n  );\r\n}\r\nexport function getClosestBreakpoint(\r\n  values: Record<string, any>,\r\n  point: number\r\n) {\r\n  const dimValues = Object.values(values);\r\n  let index = -1;\r\n  let breakpointsObj: any = {};\r\n  for (let i = 0; i < dimValues.length; i++) {\r\n    breakpointsObj[dimValues[i]] = i;\r\n  }\r\n  const breakpoints = Object.keys(breakpointsObj);\r\n  for (let i = 0; i < breakpoints.length; i++) {\r\n    if (parseInt(breakpoints[i]) === point) {\r\n      index = breakpointsObj[breakpoints[i]];\r\n      break;\r\n    } else if (parseInt(breakpoints[i]) > point && i !== 0) {\r\n      index = breakpointsObj[breakpoints[i - 1]];\r\n      break;\r\n    }\r\n    // If windowWidth is greater than last available breakpoint clamp it to last index\r\n    else if (parseInt(breakpoints[i]) < point && i === dimValues.length - 1) {\r\n      index = breakpointsObj[breakpoints[i]];\r\n      break;\r\n    }\r\n  }\r\n  return index;\r\n}\r\n\r\nexport const baseFontSize = 16;\r\n\r\nexport const convertAbsoluteToRem = (px: number) => {\r\n  return `${px / baseFontSize}rem`;\r\n};\r\n\r\nexport const convertRemToAbsolute = (rem: number) => {\r\n  return rem * baseFontSize;\r\n};\r\n\r\nexport const convertToDp = (value: number | string): number => {\r\n  const numberRegex = /^\\d+$/;\r\n\r\n  if (typeof value === 'number') {\r\n    return value;\r\n  } else {\r\n    const isAbsolute = numberRegex.test(value);\r\n    const isPx = !isAbsolute && value.endsWith('px');\r\n    const isRem = !isAbsolute && value.endsWith('rem');\r\n    const isEm = !isAbsolute && value.endsWith('em');\r\n\r\n    let finalDpValue = 0;\r\n\r\n    if (isAbsolute || isPx) {\r\n      finalDpValue = parseFloat(value);\r\n    } else if (isEm) {\r\n      finalDpValue = convertRemToAbsolute(parseFloat(value));\r\n    } else if (isRem) {\r\n      finalDpValue = convertRemToAbsolute(parseFloat(value));\r\n    }\r\n\r\n    return finalDpValue;\r\n  }\r\n};\r\n\r\n/**\r\n *\r\n * @param theme\r\n * @description\r\n  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to `rem` on web if the token value specified is an absolute number.\r\n  - Converts space/sizes/lineHeights/letterSpacings/fontSizes to absolute number on native if the token value specified is in `px` or `rem`\r\n*/\r\nexport const platformSpecificSpaceUnits = (theme: IV33xTheme) => {\r\n  const scales = ['space', 'sizes', 'fontSizes'];\r\n\r\n  const newTheme = { ...theme };\r\n  const isWeb = Platform.OS === 'web';\r\n  scales.forEach((key) => {\r\n    const scale = get(theme, key, {});\r\n    const newScale = { ...scale };\r\n    for (const scaleKey in scale) {\r\n      const val = scale[scaleKey];\r\n      if (typeof val !== 'object') {\r\n        const isAbsolute = typeof val === 'number';\r\n        const isPx = !isAbsolute && val.endsWith('px');\r\n        const isRem = !isAbsolute && val.endsWith('rem');\r\n\r\n        // If platform is web, we need to convert absolute unit to rem. e.g. 16 to 1rem\r\n        if (isWeb) {\r\n          if (isAbsolute) {\r\n            newScale[scaleKey] = convertAbsoluteToRem(val);\r\n          }\r\n        }\r\n        // If platform is not web, we need to convert px unit to absolute and rem unit to absolute. e.g. 16px to 16. 1rem to 16.\r\n        else {\r\n          if (isRem) {\r\n            newScale[scaleKey] = convertRemToAbsolute(parseFloat(val));\r\n          } else if (isPx) {\r\n            newScale[scaleKey] = parseFloat(val);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    //@ts-ignore\r\n    newTheme[key] = newScale;\r\n  });\r\n\r\n  return newTheme;\r\n};\r\nexport function isResponsiveAnyProp(props: Record<string, any>, theme: any) {\r\n  if (props) {\r\n    const keys = Object.keys(props);\r\n    for (let i = 0; i < keys.length; i++) {\r\n      if (\r\n        hasValidBreakpointFormat(props[keys[i]], theme.breakpoints, keys[i])\r\n      ) {\r\n        return true;\r\n      }\r\n    }\r\n  }\r\n\r\n  return false;\r\n}\r\n"]}

package/lib/module/utils/accessibilityTypes.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=accessibilityTypes.js.map

package/lib/module/utils/accessibilityTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/utils/accessibilityUtils.js

@@ -0,0 +1,2 @@
+export const ariaAttr = condition => condition ? true : undefined;
+//# sourceMappingURL=accessibilityUtils.js.map

package/lib/module/utils/accessibilityUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["accessibilityUtils.ts"],"names":["ariaAttr","condition","undefined"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAIC,SAAD,IACtBA,SAAS,GAAG,IAAH,GAAUC,SADd","sourcesContent":["export const ariaAttr = (condition: boolean | undefined) =>\r\n  condition ? true : undefined;\r\n"]}

package/lib/module/utils/addTextAndPropsToStrings.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Text from '../components/primitives/Text';
+export const addTextAndPropsToStrings = (children, props) => {
+  const childArray = React.Children.map(children, child => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return /*#__PURE__*/React.createElement(Text, props, child);
+    } else {
+      if (!child) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.cloneElement(child, { ...props,
+        ...child.props
+      });
+    }
+  });
+  return childArray;
+};
+//# sourceMappingURL=addTextAndPropsToStrings.js.map

package/lib/module/utils/addTextAndPropsToStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["addTextAndPropsToStrings.tsx"],"names":["React","Text","addTextAndPropsToStrings","children","props","childArray","Children","map","child","cloneElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,+BAAjB;AAEA,OAAO,MAAMC,wBAAwB,GAAG,CAACC,QAAD,EAAgBC,KAAhB,KAA+B;AACrE,QAAMC,UAAU,GAAGL,KAAK,CAACM,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA8BK,KAAD,IAAW;AACzD,QAAI,OAAOA,KAAP,KAAiB,QAAjB,IAA6B,OAAOA,KAAP,KAAiB,QAAlD,EAA4D;AAC1D,0BAAO,oBAAC,IAAD,EAAUJ,KAAV,EAAkBI,KAAlB,CAAP;AACD,KAFD,MAEO;AACL,UAAI,CAACA,KAAL,EAAY;AACV,eAAO,IAAP;AACD;;AACD,0BAAOR,KAAK,CAACS,YAAN,CAAmBD,KAAnB,EAA0B,EAC/B,GAAGJ,KAD4B;AAE/B,WAAGI,KAAK,CAACJ;AAFsB,OAA1B,CAAP;AAID;AACF,GAZkB,CAAnB;AAaA,SAAOC,UAAP;AACD,CAfM","sourcesContent":["import React from 'react';\r\nimport Text from '../components/primitives/Text';\r\n\r\nexport const addTextAndPropsToStrings = (children: any, props: any) => {\r\n  const childArray = React.Children.map(children, (child) => {\r\n    if (typeof child === 'string' || typeof child === 'number') {\r\n      return <Text {...props}>{child}</Text>;\r\n    } else {\r\n      if (!child) {\r\n        return null;\r\n      }\r\n      return React.cloneElement(child, {\r\n        ...props,\r\n        ...child.props,\r\n      });\r\n    }\r\n  });\r\n  return childArray;\r\n};\r\n"]}

package/lib/module/utils/canUseDom.js

@@ -0,0 +1,9 @@
+import { Platform } from 'react-native';
+export function canUseDom() {
+  if (typeof window !== 'undefined' || Platform.OS !== 'web') {
+    return true;
+  }
+
+  return false;
+}
+//# sourceMappingURL=canUseDom.js.map

package/lib/module/utils/canUseDom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["canUseDom.ts"],"names":["Platform","canUseDom","window","OS"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AAEA,OAAO,SAASC,SAAT,GAAqB;AAC1B,MAAI,OAAOC,MAAP,KAAkB,WAAlB,IAAiCF,QAAQ,CAACG,EAAT,KAAgB,KAArD,EAA4D;AAC1D,WAAO,IAAP;AACD;;AACD,SAAO,KAAP;AACD","sourcesContent":["import { Platform } from 'react-native';\r\n\r\nexport function canUseDom() {\r\n  if (typeof window !== 'undefined' || Platform.OS !== 'web') {\r\n    return true;\r\n  }\r\n  return false;\r\n}\r\n"]}

package/lib/module/utils/combineContextAndProps.js

@@ -0,0 +1,6 @@
+export const combineContextAndProps = (context, props) => {
+  return { ...context,
+    ...props
+  };
+};
+//# sourceMappingURL=combineContextAndProps.js.map

package/lib/module/utils/combineContextAndProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["combineContextAndProps.ts"],"names":["combineContextAndProps","context","props"],"mappings":"AAAA,OAAO,MAAMA,sBAAsB,GAAG,CAACC,OAAD,EAAeC,KAAf,KAA8B;AAClE,SAAO,EACL,GAAGD,OADE;AAEL,OAAGC;AAFE,GAAP;AAID,CALM","sourcesContent":["export const combineContextAndProps = (context: any, props: any) => {\r\n  return {\r\n    ...context,\r\n    ...props,\r\n  };\r\n};\r\n"]}

package/lib/module/utils/convertStringNumberToNumber.js

@@ -0,0 +1,10 @@
+// For backward compatibility with 3.0 of props like non token string numbers `<Box mt={"39"} />` => used to get applied as 39px. RN expects fontWeight to be string and crashes with numbers
+// https://reactnative.dev/docs/text-style-props#fontweight
+export const convertStringNumberToNumber = (key, value) => {
+  if (typeof value === 'string' && key !== 'fontWeight' && value && !isNaN(Number(value))) {
+    return parseFloat(value);
+  }
+
+  return value;
+};
+//# sourceMappingURL=convertStringNumberToNumber.js.map

package/lib/module/utils/convertStringNumberToNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["convertStringNumberToNumber.ts"],"names":["convertStringNumberToNumber","key","value","isNaN","Number","parseFloat"],"mappings":"AAAA;AACA;AACA,OAAO,MAAMA,2BAA2B,GAAG,CAACC,GAAD,EAAcC,KAAd,KAAgC;AACzE,MACE,OAAOA,KAAP,KAAiB,QAAjB,IACAD,GAAG,KAAK,YADR,IAEAC,KAFA,IAGA,CAACC,KAAK,CAACC,MAAM,CAACF,KAAD,CAAP,CAJR,EAKE;AACA,WAAOG,UAAU,CAACH,KAAD,CAAjB;AACD;;AAED,SAAOA,KAAP;AACD,CAXM","sourcesContent":["// For backward compatibility with 3.0 of props like non token string numbers `<Box mt={\"39\"} />` => used to get applied as 39px. RN expects fontWeight to be string and crashes with numbers\r\n// https://reactnative.dev/docs/text-style-props#fontweight\r\nexport const convertStringNumberToNumber = (key: string, value: string) => {\r\n  if (\r\n    typeof value === 'string' &&\r\n    key !== 'fontWeight' &&\r\n    value &&\r\n    !isNaN(Number(value))\r\n  ) {\r\n    return parseFloat(value);\r\n  }\r\n\r\n  return value;\r\n};\r\n"]}

package/lib/module/utils/createContext.js

@@ -0,0 +1,34 @@
+import React from 'react';
+
+function createContext(rootComponentName) {
+  const Context = /*#__PURE__*/React.createContext(null);
+
+  function Provider(props) {
+    const {
+      children,
+      ...providerProps
+    } = props; // Only re-memoize when prop values change
+
+    const value = React.useMemo(() => providerProps, // eslint-disable-next-line react-hooks/exhaustive-deps
+    Object.values(providerProps));
+    return /*#__PURE__*/React.createElement(Context.Provider, {
+      value: value
+    }, children);
+  }
+
+  function useContext(consumerName) {
+    const context = React.useContext(Context);
+
+    if (context === null) {
+      throw new Error("`".concat(consumerName, "` must be used within `").concat(rootComponentName, "`"));
+    }
+
+    return context;
+  }
+
+  Provider.displayName = rootComponentName + 'Provider';
+  return [Provider, useContext];
+}
+
+export { createContext };
+//# sourceMappingURL=createContext.js.map

package/lib/module/utils/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createContext.tsx"],"names":["React","createContext","rootComponentName","Context","Provider","props","children","providerProps","value","useMemo","Object","values","useContext","consumerName","context","Error","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,CACEC,iBADF,EAEE;AACA,QAAMC,OAAO,gBAAGH,KAAK,CAACC,aAAN,CAAsC,IAAtC,CAAhB;;AAEA,WAASG,QAAT,CAAkBC,KAAlB,EAA2E;AACzE,UAAM;AAAEC,MAAAA,QAAF;AAAY,SAAGC;AAAf,QAAiCF,KAAvC,CADyE,CAEzE;;AACA,UAAMG,KAAK,GAAGR,KAAK,CAACS,OAAN,CACZ,MAAMF,aADM,EAEZ;AACAG,IAAAA,MAAM,CAACC,MAAP,CAAcJ,aAAd,CAHY,CAAd;AAKA,wBAAO,oBAAC,OAAD,CAAS,QAAT;AAAkB,MAAA,KAAK,EAAEC;AAAzB,OAAiCF,QAAjC,CAAP;AACD;;AAED,WAASM,UAAT,CAAoBC,YAApB,EAA0C;AACxC,UAAMC,OAAO,GAAGd,KAAK,CAACY,UAAN,CAAiBT,OAAjB,CAAhB;;AACA,QAAIW,OAAO,KAAK,IAAhB,EAAsB;AACpB,YAAM,IAAIC,KAAJ,YACCF,YADD,oCACyCX,iBADzC,OAAN;AAGD;;AACD,WAAOY,OAAP;AACD;;AAEDV,EAAAA,QAAQ,CAACY,WAAT,GAAuBd,iBAAiB,GAAG,UAA3C;AACA,SAAO,CAACE,QAAD,EAAWQ,UAAX,CAAP;AACD;;AAED,SAASX,aAAT","sourcesContent":["import React from 'react';\r\n\r\nfunction createContext<ContextValueType extends object>(\r\n  rootComponentName: string\r\n) {\r\n  const Context = React.createContext<ContextValueType>(null as any);\r\n\r\n  function Provider(props: ContextValueType & { children: React.ReactNode }) {\r\n    const { children, ...providerProps } = props;\r\n    // Only re-memoize when prop values change\r\n    const value = React.useMemo(\r\n      () => providerProps,\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n      Object.values(providerProps)\r\n    ) as ContextValueType;\r\n    return <Context.Provider value={value}>{children}</Context.Provider>;\r\n  }\r\n\r\n  function useContext(consumerName: string) {\r\n    const context = React.useContext(Context);\r\n    if (context === null) {\r\n      throw new Error(\r\n        `\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``\r\n      );\r\n    }\r\n    return context;\r\n  }\r\n\r\n  Provider.displayName = rootComponentName + 'Provider';\r\n  return [Provider, useContext] as const;\r\n}\r\n\r\nexport { createContext };\r\n"]}

package/lib/module/utils/filterShadowProps.js

@@ -0,0 +1,26 @@
+import { extractInObject } from './../theme/tools/';
+import isEmpty from 'lodash.isempty';
+export const filterShadowProps = (props, ignoredProps, OS) => {
+  var _ignoredProps$style;
+
+  if (OS !== 'web') {
+    return { ...ignoredProps,
+      ...props
+    };
+  }
+
+  let style = (_ignoredProps$style = ignoredProps.style) !== null && _ignoredProps$style !== void 0 ? _ignoredProps$style : {};
+  let [shadowProps, remainingProps] = extractInObject(props, ['shadowColor', 'shadowOffset', 'shadowOpacity', 'shadowRadius']);
+
+  if (!isEmpty(shadowProps)) {
+    style = { ...style,
+      ...shadowProps
+    };
+  }
+
+  return { ...remainingProps,
+    ...ignoredProps,
+    style
+  };
+};
+//# sourceMappingURL=filterShadowProps.js.map

package/lib/module/utils/filterShadowProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["filterShadowProps.ts"],"names":["extractInObject","isEmpty","filterShadowProps","props","ignoredProps","OS","style","shadowProps","remainingProps"],"mappings":"AAAA,SAASA,eAAT,QAAgC,mBAAhC;AACA,OAAOC,OAAP,MAAoB,gBAApB;AAEA,OAAO,MAAMC,iBAAiB,GAAG,CAC/BC,KAD+B,EAE/BC,YAF+B,EAG/BC,EAH+B,KAI5B;AAAA;;AACH,MAAIA,EAAE,KAAK,KAAX,EAAkB;AAChB,WAAO,EAAE,GAAGD,YAAL;AAAmB,SAAGD;AAAtB,KAAP;AACD;;AACD,MAAIG,KAAK,0BAAGF,YAAY,CAACE,KAAhB,qEAAyB,EAAlC;AACA,MAAI,CAACC,WAAD,EAAcC,cAAd,IAAgCR,eAAe,CAACG,KAAD,EAAQ,CACzD,aADyD,EAEzD,cAFyD,EAGzD,eAHyD,EAIzD,cAJyD,CAAR,CAAnD;;AAMA,MAAI,CAACF,OAAO,CAACM,WAAD,CAAZ,EAA2B;AACzBD,IAAAA,KAAK,GAAG,EAAE,GAAGA,KAAL;AAAY,SAAGC;AAAf,KAAR;AACD;;AACD,SAAO,EAAE,GAAGC,cAAL;AAAqB,OAAGJ,YAAxB;AAAsCE,IAAAA;AAAtC,GAAP;AACD,CAnBM","sourcesContent":["import { extractInObject } from './../theme/tools/';\r\nimport isEmpty from 'lodash.isempty';\r\n\r\nexport const filterShadowProps = (\r\n  props: any,\r\n  ignoredProps: any,\r\n  OS: string\r\n) => {\r\n  if (OS !== 'web') {\r\n    return { ...ignoredProps, ...props };\r\n  }\r\n  let style = ignoredProps.style ?? {};\r\n  let [shadowProps, remainingProps] = extractInObject(props, [\r\n    'shadowColor',\r\n    'shadowOffset',\r\n    'shadowOpacity',\r\n    'shadowRadius',\r\n  ]);\r\n  if (!isEmpty(shadowProps)) {\r\n    style = { ...style, ...shadowProps };\r\n  }\r\n  return { ...remainingProps, ...ignoredProps, style };\r\n};\r\n"]}

package/lib/module/utils/getAbsoluteChildren.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Platform } from 'react-native';
+
+const getAbsoluteChildren = (children, reverse) => {
+  let childrenArray = React.Children.toArray(children);
+
+  if (reverse) {
+    childrenArray = childrenArray.reverse();
+  }
+  /*
+  | Add the position to the children
+  */
+
+
+  const trailingChildrenWithSpacing = childrenArray.map(child => {
+    return /*#__PURE__*/React.cloneElement(child, Platform.OS === 'web' ? {
+      style: {
+        position: 'absolute'
+      }
+    } : {
+      position: 'absolute'
+    }, child.props.children);
+  });
+  /*
+  | New children array with applied margin to trailing children
+  */
+
+  return [trailingChildrenWithSpacing];
+};
+
+export default getAbsoluteChildren;
+//# sourceMappingURL=getAbsoluteChildren.js.map

package/lib/module/utils/getAbsoluteChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getAbsoluteChildren.ts"],"names":["React","Platform","getAbsoluteChildren","children","reverse","childrenArray","Children","toArray","trailingChildrenWithSpacing","map","child","cloneElement","OS","style","position","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;;AAEA,MAAMC,mBAAmB,GAAG,CAC1BC,QAD0B,EAE1BC,OAF0B,KAGvB;AACH,MAAIC,aAAa,GAAGL,KAAK,CAACM,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAApB;;AACA,MAAIC,OAAJ,EAAa;AACXC,IAAAA,aAAa,GAAGA,aAAa,CAACD,OAAd,EAAhB;AACD;AACD;AACF;AACA;;;AACE,QAAMI,2BAA2B,GAAGH,aAAa,CAACI,GAAd,CAAmBC,KAAD,IAAgB;AACpE,wBAAOV,KAAK,CAACW,YAAN,CACLD,KADK,EAELT,QAAQ,CAACW,EAAT,KAAgB,KAAhB,GACI;AAAEC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ;AAAT,KADJ,GAEI;AAAEA,MAAAA,QAAQ,EAAE;AAAZ,KAJC,EAKLJ,KAAK,CAACK,KAAN,CAAYZ,QALP,CAAP;AAOD,GARmC,CAApC;AASA;AACF;AACA;;AACE,SAAO,CAACK,2BAAD,CAAP;AACD,CAxBD;;AA0BA,eAAeN,mBAAf","sourcesContent":["import React from 'react';\r\nimport { Platform } from 'react-native';\r\n\r\nconst getAbsoluteChildren = (\r\n  children: JSX.Element[] | JSX.Element,\r\n  reverse?: boolean\r\n) => {\r\n  let childrenArray = React.Children.toArray(children);\r\n  if (reverse) {\r\n    childrenArray = childrenArray.reverse();\r\n  }\r\n  /*\r\n  | Add the position to the children\r\n  */\r\n  const trailingChildrenWithSpacing = childrenArray.map((child: any) => {\r\n    return React.cloneElement(\r\n      child,\r\n      Platform.OS === 'web'\r\n        ? { style: { position: 'absolute' } }\r\n        : { position: 'absolute' },\r\n      child.props.children\r\n    );\r\n  });\r\n  /*\r\n  | New children array with applied margin to trailing children\r\n  */\r\n  return [trailingChildrenWithSpacing];\r\n};\r\n\r\nexport default getAbsoluteChildren;\r\n"]}

package/lib/module/utils/getAttachedChildren.js

@@ -0,0 +1,47 @@
+import React from 'react';
+
+const getAttachedChildren = children => {
+  const childrenArray = React.Children.toArray(children);
+  /*
+  | Separate the trailing (not first) children from the children array
+  */
+
+  if (childrenArray.length <= 1) {
+    return childrenArray;
+  }
+
+  const trailingChildren = childrenArray.slice(1);
+  trailingChildren.pop();
+  const marginProp = { ...{
+      ml: 0,
+      mr: 0,
+      roundedRight: 0,
+      roundedLeft: 0
+    }
+  };
+  const leftElemProp = { ...{
+      mr: 0,
+      roundedRight: 0
+    }
+  };
+  const rightElemProp = { ...{
+      ml: 0,
+      roundedLeft: 0
+    }
+  };
+  /*
+  | Add the margiin to the children
+  */
+
+  const trailingChildrenWithSpacing = trailingChildren.map(child => {
+    return /*#__PURE__*/React.cloneElement(child, marginProp, child.props.children);
+  });
+  /*
+  | New children array with applied margin to trailing children
+  */
+
+  return [/*#__PURE__*/React.cloneElement(childrenArray[0], leftElemProp, childrenArray[0].props.children), ...trailingChildrenWithSpacing, /*#__PURE__*/React.cloneElement(childrenArray[childrenArray.length - 1], rightElemProp, childrenArray[childrenArray.length - 1].props.children)];
+};
+
+export default getAttachedChildren;
+//# sourceMappingURL=getAttachedChildren.js.map

package/lib/module/utils/getAttachedChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getAttachedChildren.ts"],"names":["React","getAttachedChildren","children","childrenArray","Children","toArray","length","trailingChildren","slice","pop","marginProp","ml","mr","roundedRight","roundedLeft","leftElemProp","rightElemProp","trailingChildrenWithSpacing","map","child","cloneElement","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,mBAAmB,GAAIC,QAAD,IAAmB;AAC7C,QAAMC,aAAkB,GAAGH,KAAK,CAACI,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAA3B;AACA;AACF;AACA;;AAEE,MAAIC,aAAa,CAACG,MAAd,IAAwB,CAA5B,EAA+B;AAC7B,WAAOH,aAAP;AACD;;AAED,QAAMI,gBAAgB,GAAGJ,aAAa,CAACK,KAAd,CAAoB,CAApB,CAAzB;AACAD,EAAAA,gBAAgB,CAACE,GAAjB;AACA,QAAMC,UAAkB,GAAG,EACzB,GAAG;AAAEC,MAAAA,EAAE,EAAE,CAAN;AAASC,MAAAA,EAAE,EAAE,CAAb;AAAgBC,MAAAA,YAAY,EAAE,CAA9B;AAAiCC,MAAAA,WAAW,EAAE;AAA9C;AADsB,GAA3B;AAGA,QAAMC,YAAoB,GAAG,EAC3B,GAAG;AAAEH,MAAAA,EAAE,EAAE,CAAN;AAASC,MAAAA,YAAY,EAAE;AAAvB;AADwB,GAA7B;AAGA,QAAMG,aAAqB,GAAG,EAC5B,GAAG;AAAEL,MAAAA,EAAE,EAAE,CAAN;AAASG,MAAAA,WAAW,EAAE;AAAtB;AADyB,GAA9B;AAIA;AACF;AACA;;AACE,QAAMG,2BAA2B,GAAGV,gBAAgB,CAACW,GAAjB,CAAsBC,KAAD,IAAgB;AACvE,wBAAOnB,KAAK,CAACoB,YAAN,CAAmBD,KAAnB,EAA0BT,UAA1B,EAAsCS,KAAK,CAACE,KAAN,CAAYnB,QAAlD,CAAP;AACD,GAFmC,CAApC;AAGA;AACF;AACA;;AACE,SAAO,cACLF,KAAK,CAACoB,YAAN,CACEjB,aAAa,CAAC,CAAD,CADf,EAEEY,YAFF,EAGEZ,aAAa,CAAC,CAAD,CAAb,CAAiBkB,KAAjB,CAAuBnB,QAHzB,CADK,EAML,GAAGe,2BANE,eAOLjB,KAAK,CAACoB,YAAN,CACEjB,aAAa,CAACA,aAAa,CAACG,MAAd,GAAuB,CAAxB,CADf,EAEEU,aAFF,EAGEb,aAAa,CAACA,aAAa,CAACG,MAAd,GAAuB,CAAxB,CAAb,CAAwCe,KAAxC,CAA8CnB,QAHhD,CAPK,CAAP;AAaD,CA5CD;;AA8CA,eAAeD,mBAAf","sourcesContent":["import React from 'react';\r\n\r\nconst getAttachedChildren = (children: any) => {\r\n  const childrenArray: any = React.Children.toArray(children);\r\n  /*\r\n  | Separate the trailing (not first) children from the children array\r\n  */\r\n\r\n  if (childrenArray.length <= 1) {\r\n    return childrenArray;\r\n  }\r\n\r\n  const trailingChildren = childrenArray.slice(1);\r\n  trailingChildren.pop();\r\n  const marginProp: object = {\r\n    ...{ ml: 0, mr: 0, roundedRight: 0, roundedLeft: 0 },\r\n  };\r\n  const leftElemProp: object = {\r\n    ...{ mr: 0, roundedRight: 0 },\r\n  };\r\n  const rightElemProp: object = {\r\n    ...{ ml: 0, roundedLeft: 0 },\r\n  };\r\n\r\n  /*\r\n  | Add the margiin to the children\r\n  */\r\n  const trailingChildrenWithSpacing = trailingChildren.map((child: any) => {\r\n    return React.cloneElement(child, marginProp, child.props.children);\r\n  });\r\n  /*\r\n  | New children array with applied margin to trailing children\r\n  */\r\n  return [\r\n    React.cloneElement(\r\n      childrenArray[0],\r\n      leftElemProp,\r\n      childrenArray[0].props.children\r\n    ),\r\n    ...trailingChildrenWithSpacing,\r\n    React.cloneElement(\r\n      childrenArray[childrenArray.length - 1],\r\n      rightElemProp,\r\n      childrenArray[childrenArray.length - 1].props.children\r\n    ),\r\n  ];\r\n};\r\n\r\nexport default getAttachedChildren;\r\n"]}

package/lib/module/utils/getIndexedChildren.js

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const getIndexedChildren = (children, startingIndex) => {
+  let counter = startingIndex ? startingIndex - 1 : -1;
+  const indexedChildren = React.Children.map(children, child => {
+    counter++;
+    return /*#__PURE__*/React.cloneElement(child, {
+      index: counter
+    }, child.props.children);
+  });
+  return indexedChildren;
+};
+
+export default getIndexedChildren;
+//# sourceMappingURL=getIndexedChildren.js.map

package/lib/module/utils/getIndexedChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getIndexedChildren.ts"],"names":["React","getIndexedChildren","children","startingIndex","counter","indexedChildren","Children","map","child","cloneElement","index","props"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,kBAAkB,GAAG,CACzBC,QADyB,EAEzBC,aAFyB,KAGtB;AACH,MAAIC,OAAO,GAAGD,aAAa,GAAGA,aAAa,GAAG,CAAnB,GAAuB,CAAC,CAAnD;AACA,QAAME,eAAe,GAAGL,KAAK,CAACM,QAAN,CAAeC,GAAf,CAAmBL,QAAnB,EAA8BM,KAAD,IAAgB;AACnEJ,IAAAA,OAAO;AACP,wBAAOJ,KAAK,CAACS,YAAN,CACLD,KADK,EAEL;AACEE,MAAAA,KAAK,EAAEN;AADT,KAFK,EAKLI,KAAK,CAACG,KAAN,CAAYT,QALP,CAAP;AAOD,GATuB,CAAxB;AAUA,SAAOG,eAAP;AACD,CAhBD;;AAkBA,eAAeJ,kBAAf","sourcesContent":["import React from 'react';\r\n\r\nconst getIndexedChildren = (\r\n  children: React.ReactNode,\r\n  startingIndex?: number\r\n) => {\r\n  let counter = startingIndex ? startingIndex - 1 : -1;\r\n  const indexedChildren = React.Children.map(children, (child: any) => {\r\n    counter++;\r\n    return React.cloneElement(\r\n      child,\r\n      {\r\n        index: counter,\r\n      },\r\n      child.props.children\r\n    );\r\n  });\r\n  return indexedChildren;\r\n};\r\n\r\nexport default getIndexedChildren;\r\n"]}

package/lib/module/utils/getRNKeyAndStyleValue.js

@@ -0,0 +1,71 @@
+import { Platform } from 'react-native';
+import get from 'lodash.get';
+import { convertStringNumberToNumber } from './convertStringNumberToNumber';
+import { resolveValueWithBreakpoint } from '../hooks/useThemeProps/utils';
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ */
+
+export const getRNKeyAndStyleValue = ({
+  config,
+  value,
+  key,
+  theme,
+  styledSystemProps,
+  currentBreakpoint
+}) => {
+  let style = {};
+
+  if (config === true) {
+    style = { ...style,
+      [key]: convertStringNumberToNumber(key, value)
+    };
+  } else if (config) {
+    //@ts-ignore
+    const {
+      property,
+      scale,
+      properties,
+      transformer
+    } = config;
+    let val = value;
+
+    if (transformer) {
+      val = transformer(val, theme[scale], theme, styledSystemProps.fontSize);
+    } else {
+      // If a token is not found in the theme
+      val = get(theme[scale], value, value);
+    }
+
+    if (typeof val === 'string') {
+      if (val.endsWith('px')) {
+        val = parseFloat(val);
+      } else if (val.endsWith('em') && Platform.OS !== 'web') {
+        const fontSize = resolveValueWithBreakpoint(styledSystemProps.fontSize, theme.breakpoints, currentBreakpoint, key);
+        val = parseFloat(val) * parseFloat(get(theme.fontSizes, fontSize, fontSize));
+      }
+    }
+
+    val = convertStringNumberToNumber(key, val);
+
+    if (properties) {
+      //@ts-ignore
+      properties.forEach(property => {
+        style = { ...style,
+          [property]: val
+        };
+      });
+    } else if (property) {
+      style = { ...style,
+        [property]: val
+      };
+    } else {
+      style = { ...style,
+        ...val
+      };
+    }
+  }
+
+  return style;
+};
+//# sourceMappingURL=getRNKeyAndStyleValue.js.map

package/lib/module/utils/getRNKeyAndStyleValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getRNKeyAndStyleValue.ts"],"names":["Platform","get","convertStringNumberToNumber","resolveValueWithBreakpoint","getRNKeyAndStyleValue","config","value","key","theme","styledSystemProps","currentBreakpoint","style","property","scale","properties","transformer","val","fontSize","endsWith","parseFloat","OS","breakpoints","fontSizes","forEach"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,2BAAT,QAA4C,+BAA5C;AACA,SAASC,0BAAT,QAA2C,8BAA3C;AAEA;AACA;AACA;;AACA,OAAO,MAAMC,qBAAqB,GAAG,CAAC;AACpCC,EAAAA,MADoC;AAEpCC,EAAAA,KAFoC;AAGpCC,EAAAA,GAHoC;AAIpCC,EAAAA,KAJoC;AAKpCC,EAAAA,iBALoC;AAMpCC,EAAAA;AANoC,CAAD,KAO1B;AACT,MAAIC,KAAU,GAAG,EAAjB;;AACA,MAAIN,MAAM,KAAK,IAAf,EAAqB;AACnBM,IAAAA,KAAK,GAAG,EACN,GAAGA,KADG;AAEN,OAACJ,GAAD,GAAOL,2BAA2B,CAACK,GAAD,EAAMD,KAAN;AAF5B,KAAR;AAID,GALD,MAKO,IAAID,MAAJ,EAAY;AACjB;AACA,UAAM;AAAEO,MAAAA,QAAF;AAAYC,MAAAA,KAAZ;AAAmBC,MAAAA,UAAnB;AAA+BC,MAAAA;AAA/B,QAA+CV,MAArD;AACA,QAAIW,GAAG,GAAGV,KAAV;;AAEA,QAAIS,WAAJ,EAAiB;AACfC,MAAAA,GAAG,GAAGD,WAAW,CAACC,GAAD,EAAMR,KAAK,CAACK,KAAD,CAAX,EAAoBL,KAApB,EAA2BC,iBAAiB,CAACQ,QAA7C,CAAjB;AACD,KAFD,MAEO;AACL;AACAD,MAAAA,GAAG,GAAGf,GAAG,CAACO,KAAK,CAACK,KAAD,CAAN,EAAeP,KAAf,EAAsBA,KAAtB,CAAT;AACD;;AAED,QAAI,OAAOU,GAAP,KAAe,QAAnB,EAA6B;AAC3B,UAAIA,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBF,QAAAA,GAAG,GAAGG,UAAU,CAACH,GAAD,CAAhB;AACD,OAFD,MAEO,IAAIA,GAAG,CAACE,QAAJ,CAAa,IAAb,KAAsBlB,QAAQ,CAACoB,EAAT,KAAgB,KAA1C,EAAiD;AACtD,cAAMH,QAAQ,GAAGd,0BAA0B,CACzCM,iBAAiB,CAACQ,QADuB,EAEzCT,KAAK,CAACa,WAFmC,EAGzCX,iBAHyC,EAIzCH,GAJyC,CAA3C;AAMAS,QAAAA,GAAG,GACDG,UAAU,CAACH,GAAD,CAAV,GACAG,UAAU,CAAClB,GAAG,CAACO,KAAK,CAACc,SAAP,EAAkBL,QAAlB,EAA4BA,QAA5B,CAAJ,CAFZ;AAGD;AACF;;AAEDD,IAAAA,GAAG,GAAGd,2BAA2B,CAACK,GAAD,EAAMS,GAAN,CAAjC;;AAEA,QAAIF,UAAJ,EAAgB;AACd;AACAA,MAAAA,UAAU,CAACS,OAAX,CAAoBX,QAAD,IAAc;AAC/BD,QAAAA,KAAK,GAAG,EACN,GAAGA,KADG;AAEN,WAACC,QAAD,GAAYI;AAFN,SAAR;AAID,OALD;AAMD,KARD,MAQO,IAAIJ,QAAJ,EAAc;AACnBD,MAAAA,KAAK,GAAG,EACN,GAAGA,KADG;AAEN,SAACC,QAAD,GAAYI;AAFN,OAAR;AAID,KALM,MAKA;AACLL,MAAAA,KAAK,GAAG,EACN,GAAGA,KADG;AAEN,WAAGK;AAFG,OAAR;AAID;AACF;;AAED,SAAOL,KAAP;AACD,CAlEM","sourcesContent":["import { Platform } from 'react-native';\r\nimport get from 'lodash.get';\r\nimport { convertStringNumberToNumber } from './convertStringNumberToNumber';\r\nimport { resolveValueWithBreakpoint } from '../hooks/useThemeProps/utils';\r\n\r\n/**\r\n * Common Logic Sharing between useSx and useStyledSytem\r\n */\r\nexport const getRNKeyAndStyleValue = ({\r\n  config,\r\n  value,\r\n  key,\r\n  theme,\r\n  styledSystemProps,\r\n  currentBreakpoint,\r\n}: any) => {\r\n  let style: any = {};\r\n  if (config === true) {\r\n    style = {\r\n      ...style,\r\n      [key]: convertStringNumberToNumber(key, value),\r\n    };\r\n  } else if (config) {\r\n    //@ts-ignore\r\n    const { property, scale, properties, transformer } = config;\r\n    let val = value;\r\n\r\n    if (transformer) {\r\n      val = transformer(val, theme[scale], theme, styledSystemProps.fontSize);\r\n    } else {\r\n      // If a token is not found in the theme\r\n      val = get(theme[scale], value, value);\r\n    }\r\n\r\n    if (typeof val === 'string') {\r\n      if (val.endsWith('px')) {\r\n        val = parseFloat(val);\r\n      } else if (val.endsWith('em') && Platform.OS !== 'web') {\r\n        const fontSize = resolveValueWithBreakpoint(\r\n          styledSystemProps.fontSize,\r\n          theme.breakpoints,\r\n          currentBreakpoint,\r\n          key\r\n        );\r\n        val =\r\n          parseFloat(val) *\r\n          parseFloat(get(theme.fontSizes, fontSize, fontSize));\r\n      }\r\n    }\r\n\r\n    val = convertStringNumberToNumber(key, val);\r\n\r\n    if (properties) {\r\n      //@ts-ignore\r\n      properties.forEach((property) => {\r\n        style = {\r\n          ...style,\r\n          [property]: val,\r\n        };\r\n      });\r\n    } else if (property) {\r\n      style = {\r\n        ...style,\r\n        [property]: val,\r\n      };\r\n    } else {\r\n      style = {\r\n        ...style,\r\n        ...val,\r\n      };\r\n    }\r\n  }\r\n\r\n  return style;\r\n};\r\n"]}

package/lib/module/utils/getSpacedChildren.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { default as Box } from '../components/primitives/Box';
+import { ResponsiveQueryContext } from './useResponsiveQuery/ResponsiveQueryProvider';
+
+function flattenChildren(children, keys = []) {
+  const childrenArray = React.Children.toArray(children);
+  return childrenArray.reduce((flatChildren, child, index) => {
+    if (child.type === React.Fragment) {
+      return flatChildren.concat(flattenChildren(child.props.children, keys.concat(child.key || index)));
+    }
+
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      flatChildren.push( /*#__PURE__*/React.cloneElement(child, {
+        key: keys.concat(String(child.key || index)).join('.')
+      }));
+    } else {
+      flatChildren.push(child);
+    }
+
+    return flatChildren;
+  }, []);
+}
+
+const getSpacedChildren = (children, space, axis, reverse, divider) => {
+  let childrenArray = React.Children.toArray(flattenChildren(children));
+  childrenArray = reverse === 'reverse' ? [...childrenArray].reverse() : childrenArray;
+  const orientation = axis === 'X' ? 'vertical' : 'horizontal'; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
+  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries; // If there's a divider, we wrap it with a Box and apply vertical and horizontal margins else we add a spacer Box with height or width
+
+  if (divider) {
+    const spacingProp = { ...(axis === 'X' ? {
+        mx: space
+      } : {
+        my: space
+      })
+    };
+    divider = /*#__PURE__*/React.cloneElement(divider, {
+      orientation,
+      ...spacingProp
+    });
+    childrenArray = childrenArray.map((child, index) => {
+      var _child$key;
+
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : "spaced-child-".concat(index)
+      }, child, index < childrenArray.length - 1 && divider);
+    });
+  } else {
+    const spacingProp = { ...(axis === 'X' ? {
+        width: space
+      } : {
+        height: space
+      })
+    };
+    childrenArray = childrenArray.map((child, index) => {
+      var _child$key2;
+
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: (_child$key2 = child.key) !== null && _child$key2 !== void 0 ? _child$key2 : "spaced-child-".concat(index)
+      }, child, disableCSSMediaQueries ? index < childrenArray.length - 1 && /*#__PURE__*/React.createElement(Box, spacingProp) : /*#__PURE__*/React.createElement(React.Fragment, null));
+    });
+  }
+
+  return childrenArray;
+};
+
+export default getSpacedChildren;
+//# sourceMappingURL=getSpacedChildren.js.map

package/lib/module/utils/getSpacedChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getSpacedChildren.tsx"],"names":["React","default","Box","ResponsiveQueryContext","flattenChildren","children","keys","childrenArray","Children","toArray","reduce","flatChildren","child","index","type","Fragment","concat","props","key","isValidElement","push","cloneElement","String","join","getSpacedChildren","space","axis","reverse","divider","orientation","responsiveQueryContext","useContext","disableCSSMediaQueries","spacingProp","mx","my","map","length","width","height"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { default as Box } from '../components/primitives/Box';\r\nimport type { SpaceType as ThemeSpaceType } from '../components/types';\r\nimport { ResponsiveQueryContext } from './useResponsiveQuery/ResponsiveQueryProvider';\r\n\r\ntype SpaceType =\r\n  | 'gutter'\r\n  | '2xs'\r\n  | 'xs'\r\n  | 'sm'\r\n  | 'md'\r\n  | 'lg'\r\n  | 'xl'\r\n  | '2xl'\r\n  | ThemeSpaceType;\r\n\r\n// Thanks @gregberge for code and @nandorojo for suggestion.\r\n// Original source: https://github.com/gregberge/react-flatten-children\r\ntype ReactChildArray = ReturnType<typeof React.Children.toArray>;\r\nfunction flattenChildren(\r\n  children: JSX.Element[] | JSX.Element,\r\n  keys: (string | number)[] = []\r\n): ReactChildArray {\r\n  const childrenArray = React.Children.toArray(children);\r\n  return childrenArray.reduce(\r\n    (flatChildren: ReactChildArray, child: any, index: number) => {\r\n      if ((child as React.ReactElement<any>).type === React.Fragment) {\r\n        return flatChildren.concat(\r\n          flattenChildren(\r\n            (child as React.ReactElement<any>).props.children,\r\n            keys.concat(child.key || index)\r\n          )\r\n        );\r\n      }\r\n      if (React.isValidElement(child)) {\r\n        flatChildren.push(\r\n          React.cloneElement(child, {\r\n            key: keys.concat(String(child.key || index)).join('.'),\r\n          })\r\n        );\r\n      } else {\r\n        flatChildren.push(child);\r\n      }\r\n      return flatChildren;\r\n    },\r\n    []\r\n  );\r\n}\r\n\r\nconst getSpacedChildren = (\r\n  children: JSX.Element[] | JSX.Element,\r\n  space: undefined | SpaceType,\r\n  axis: 'X' | 'Y',\r\n  reverse: string,\r\n  divider: JSX.Element | undefined\r\n): any => {\r\n  let childrenArray = React.Children.toArray(flattenChildren(children));\r\n  childrenArray =\r\n    reverse === 'reverse' ? [...childrenArray].reverse() : childrenArray;\r\n\r\n  const orientation = axis === 'X' ? 'vertical' : 'horizontal';\r\n\r\n  // eslint-disable-next-line react-hooks/rules-of-hooks\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  // If there's a divider, we wrap it with a Box and apply vertical and horizontal margins else we add a spacer Box with height or width\r\n  if (divider) {\r\n    const spacingProp: object = {\r\n      ...(axis === 'X' ? { mx: space } : { my: space }),\r\n    };\r\n\r\n    divider = React.cloneElement(divider, {\r\n      orientation,\r\n      ...spacingProp,\r\n    });\r\n\r\n    childrenArray = childrenArray.map((child: any, index: number) => {\r\n      return (\r\n        <React.Fragment key={child.key ?? `spaced-child-${index}`}>\r\n          {child}\r\n          {index < childrenArray.length - 1 && divider}\r\n        </React.Fragment>\r\n      );\r\n    });\r\n  } else {\r\n    const spacingProp: object = {\r\n      ...(axis === 'X' ? { width: space } : { height: space }),\r\n    };\r\n    childrenArray = childrenArray.map((child: any, index: number) => {\r\n      return (\r\n        <React.Fragment key={child.key ?? `spaced-child-${index}`}>\r\n          {child}\r\n          {disableCSSMediaQueries ? (\r\n            index < childrenArray.length - 1 && <Box {...spacingProp} />\r\n          ) : (\r\n            <></>\r\n          )}\r\n        </React.Fragment>\r\n      );\r\n    });\r\n  }\r\n\r\n  return childrenArray;\r\n};\r\n\r\nexport default getSpacedChildren;\r\n"]}

package/lib/module/utils/getStyledFromProps.js

@@ -0,0 +1,82 @@
+import { hasValidBreakpointFormat } from '../theme/tools';
+import { getRNKeyAndStyleValue } from './getRNKeyAndStyleValue';
+
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ * @param styledSystemProps
+ * @param theme
+ * @param currentBreakpoint
+ * @returns styleFromProps, responsiveStyles
+ */
+export const getStyledFromProps = (styledSystemProps, theme, currentBreakpoint, propConfig) => {
+  let styleFromProps = {};
+  let responsiveStyles = null;
+  const orderedBreakPoints = Object.entries(theme.breakpoints).sort((a, b) => a[1] - b[1]);
+
+  for (const key in styledSystemProps) {
+    const rawValue = styledSystemProps[key];
+    const config = propConfig[key];
+
+    if (hasValidBreakpointFormat(rawValue, theme.breakpoints)) {
+      if (!responsiveStyles) responsiveStyles = {};
+      const value = rawValue;
+
+      if (Array.isArray(value)) {
+        value.forEach((v, i) => {
+          //@ts-ignore
+          if (!responsiveStyles[orderedBreakPoints[i][0]]) {
+            //@ts-ignore
+            responsiveStyles[orderedBreakPoints[i][0]] = [];
+          }
+
+          const newStyle = getRNKeyAndStyleValue({
+            config,
+            value: v,
+            key,
+            styledSystemProps,
+            theme,
+            currentBreakpoint
+          }); //@ts-ignore
+
+          responsiveStyles[orderedBreakPoints[i][0]].push(newStyle);
+        });
+      } else {
+        for (const k in value) {
+          const newStyle = getRNKeyAndStyleValue({
+            config,
+            value: value[k],
+            key,
+            styledSystemProps,
+            theme,
+            currentBreakpoint
+          });
+
+          if (!responsiveStyles[k]) {
+            responsiveStyles[k] = [];
+          }
+
+          responsiveStyles[k].push(newStyle);
+        }
+      }
+    } else {
+      const value = rawValue;
+      const newStyle = getRNKeyAndStyleValue({
+        config,
+        value,
+        key,
+        styledSystemProps,
+        theme,
+        currentBreakpoint
+      });
+      styleFromProps = { ...styleFromProps,
+        ...newStyle
+      };
+    }
+  }
+
+  return {
+    styleFromProps,
+    responsiveStyles
+  };
+};
+//# sourceMappingURL=getStyledFromProps.js.map

package/lib/module/utils/getStyledFromProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getStyledFromProps.ts"],"names":["hasValidBreakpointFormat","getRNKeyAndStyleValue","getStyledFromProps","styledSystemProps","theme","currentBreakpoint","propConfig","styleFromProps","responsiveStyles","orderedBreakPoints","Object","entries","breakpoints","sort","a","b","key","rawValue","config","value","Array","isArray","forEach","v","i","newStyle","push","k"],"mappings":"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","sourcesContent":["import { hasValidBreakpointFormat } from '../theme/tools';\r\nimport { getRNKeyAndStyleValue } from './getRNKeyAndStyleValue';\r\nimport type { ITheme } from '../theme';\r\n/**\r\n * Common Logic Sharing between useSx and useStyledSytem\r\n * @param styledSystemProps\r\n * @param theme\r\n * @param currentBreakpoint\r\n * @returns styleFromProps, responsiveStyles\r\n */\r\n\r\nexport const getStyledFromProps = (\r\n  styledSystemProps: any,\r\n  theme: any,\r\n  currentBreakpoint: any,\r\n  propConfig: any\r\n) => {\r\n  let styleFromProps: any = {};\r\n  let responsiveStyles: null | Record<\r\n    keyof typeof theme.breakpoints,\r\n    Array<any>\r\n  > = null;\r\n  const orderedBreakPoints = Object.entries(\r\n    theme.breakpoints as ITheme['breakpoints']\r\n  ).sort((a, b) => a[1] - b[1]);\r\n  for (const key in styledSystemProps) {\r\n    const rawValue = styledSystemProps[key];\r\n\r\n    const config = propConfig[key as keyof typeof propConfig];\r\n\r\n    if (hasValidBreakpointFormat(rawValue, theme.breakpoints)) {\r\n      if (!responsiveStyles) responsiveStyles = {};\r\n\r\n      const value = rawValue;\r\n      if (Array.isArray(value)) {\r\n        value.forEach((v, i) => {\r\n          //@ts-ignore\r\n          if (!responsiveStyles[orderedBreakPoints[i][0]]) {\r\n            //@ts-ignore\r\n            responsiveStyles[orderedBreakPoints[i][0]] = [];\r\n          }\r\n          const newStyle = getRNKeyAndStyleValue({\r\n            config,\r\n            value: v,\r\n            key,\r\n            styledSystemProps,\r\n            theme,\r\n            currentBreakpoint,\r\n          });\r\n          //@ts-ignore\r\n          responsiveStyles[orderedBreakPoints[i][0]].push(newStyle);\r\n        });\r\n      } else {\r\n        for (const k in value) {\r\n          const newStyle = getRNKeyAndStyleValue({\r\n            config,\r\n            value: value[k],\r\n            key,\r\n            styledSystemProps,\r\n            theme,\r\n            currentBreakpoint,\r\n          });\r\n          if (!responsiveStyles[k]) {\r\n            responsiveStyles[k] = [];\r\n          }\r\n          responsiveStyles[k].push(newStyle);\r\n        }\r\n      }\r\n    } else {\r\n      const value = rawValue;\r\n      const newStyle = getRNKeyAndStyleValue({\r\n        config,\r\n        value,\r\n        key,\r\n        styledSystemProps,\r\n        theme,\r\n        currentBreakpoint,\r\n      });\r\n\r\n      styleFromProps = {\r\n        ...styleFromProps,\r\n        ...newStyle,\r\n      };\r\n    }\r\n  }\r\n\r\n  return { styleFromProps, responsiveStyles };\r\n};\r\n"]}

package/lib/module/utils/getStyledSystemPropsAndRestProps.js

@@ -0,0 +1,25 @@
+import { propConfig } from '../theme/styled-system';
+/**
+ * Common Logic Sharing between useSx and useStyledSystemPropResolver
+ * @param props
+ * @returns { styledSystemProps, restProps }
+ */
+
+export const getStyledSystemPropsAndRestProps = props => {
+  const styledSystemProps = {};
+  const restProps = {};
+
+  for (let key in props) {
+    if (key in propConfig) {
+      styledSystemProps[key] = props[key];
+    } else {
+      restProps[key] = props[key];
+    }
+  }
+
+  return {
+    styledSystemProps,
+    restProps
+  };
+};
+//# sourceMappingURL=getStyledSystemPropsAndRestProps.js.map

package/lib/module/utils/getStyledSystemPropsAndRestProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getStyledSystemPropsAndRestProps.ts"],"names":["propConfig","getStyledSystemPropsAndRestProps","props","styledSystemProps","restProps","key"],"mappings":"AAAA,SAASA,UAAT,QAA2B,wBAA3B;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,gCAAgC,GAAIC,KAAD,IAAgB;AAC9D,QAAMC,iBAAsB,GAAG,EAA/B;AACA,QAAMC,SAAc,GAAG,EAAvB;;AAEA,OAAK,IAAIC,GAAT,IAAgBH,KAAhB,EAAuB;AACrB,QAAIG,GAAG,IAAIL,UAAX,EAAuB;AACrBG,MAAAA,iBAAiB,CAACE,GAAD,CAAjB,GAAyBH,KAAK,CAACG,GAAD,CAA9B;AACD,KAFD,MAEO;AACLD,MAAAA,SAAS,CAACC,GAAD,CAAT,GAAiBH,KAAK,CAACG,GAAD,CAAtB;AACD;AACF;;AAED,SAAO;AAAEF,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,GAAP;AACD,CAbM","sourcesContent":["import { propConfig } from '../theme/styled-system';\r\n/**\r\n * Common Logic Sharing between useSx and useStyledSystemPropResolver\r\n * @param props\r\n * @returns { styledSystemProps, restProps }\r\n */\r\nexport const getStyledSystemPropsAndRestProps = (props: any) => {\r\n  const styledSystemProps: any = {};\r\n  const restProps: any = {};\r\n\r\n  for (let key in props) {\r\n    if (key in propConfig) {\r\n      styledSystemProps[key] = props[key];\r\n    } else {\r\n      restProps[key] = props[key];\r\n    }\r\n  }\r\n\r\n  return { styledSystemProps, restProps };\r\n};\r\n"]}