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

package/lib/commonjs/hooks/useSafeArea/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["calculatePaddingProps","safeAreaProps","paddingProps","insets","sizes","themeTools","omitUndefined","pt","calculatePaddingTop","pb","calculatePaddingBottom","pl","calculatePaddingLeft","pr","calculatePaddingRight","getValueInPixels","paddingKeys","inset","manualInset","appliedInset","originalValue","length","includes","parseInt","endsWith","parseFloat","baseFontSize","safeArea","safeAreaTop","safeAreaY","topSafeAreaProps","orderedExtractInObject","topSafeAreaArray","Object","keys","undefined","top","propKeys","getRelatedPaddingProps","safeAreaBottom","bottomSafeAreaProps","bottomSafeAreaArray","bottom","safeAreaLeft","safeAreaX","leftSafeAreaProps","leftSafeAreaArray","left","safeAreaRight","rightSafeAreaProps","rightSafeAreaArray","right","props","relatedKeys","filter","key","getSortedProps","sansSafeAreaProps","sansPaddingProps"],"mappings":"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","sourcesContent":["import { themeTools } from '../../theme';\r\nimport { baseFontSize } from '../../theme/tools/utils';\r\nimport type { SafeAreaProps } from './../../components/types/ExtraProps';\r\nimport isNil from 'lodash.isnil';\r\n\r\nexport function calculatePaddingProps(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  return themeTools.omitUndefined({\r\n    pt: calculatePaddingTop(safeAreaProps, paddingProps, insets, sizes),\r\n    pb: calculatePaddingBottom(safeAreaProps, paddingProps, insets, sizes),\r\n    pl: calculatePaddingLeft(safeAreaProps, paddingProps, insets, sizes),\r\n    pr: calculatePaddingRight(safeAreaProps, paddingProps, insets, sizes),\r\n  });\r\n}\r\nfunction getValueInPixels(\r\n  paddingProps: any,\r\n  paddingKeys: any,\r\n  sizes: any,\r\n  inset: any,\r\n  manualInset: number | string\r\n) {\r\n  let appliedInset: any = 0;\r\n  let originalValue = paddingKeys.length\r\n    ? sizes[paddingProps[paddingKeys[paddingKeys.length - 1]]]\r\n    : 0;\r\n\r\n  if (!isNil(manualInset) && typeof manualInset !== 'boolean') {\r\n    // DOC: Handles case of manually passed inset\r\n    appliedInset =\r\n      typeof manualInset === 'string' && manualInset.includes('px')\r\n        ? parseInt(manualInset, 10)\r\n        : sizes[manualInset];\r\n  } else {\r\n    // DOC: Handles case of auto inset\r\n    appliedInset = inset;\r\n  }\r\n\r\n  if (typeof originalValue === 'string') {\r\n    if (originalValue.endsWith('px')) {\r\n      return parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px';\r\n    } else if (originalValue.endsWith('rem')) {\r\n      return (\r\n        parseFloat(originalValue) * baseFontSize +\r\n        parseInt(appliedInset, 10) +\r\n        'px'\r\n      );\r\n    }\r\n  }\r\n\r\n  return originalValue\r\n    ? parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px'\r\n    : parseInt(appliedInset, 10) + 'px';\r\n}\r\n\r\nexport function calculatePaddingTop(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaTop) &&\r\n    isNil(safeAreaProps.safeAreaY)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  // DOC: Adding it for manual inset passed by the user\r\n  let [topSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaY',\r\n    'safeAreaTop',\r\n  ]);\r\n  let topSafeAreaArray = Object.keys(topSafeAreaProps);\r\n  const manualInset = topSafeAreaArray.length\r\n    ? topSafeAreaProps[topSafeAreaArray[topSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.top && (typeof manualInset === 'boolean' || !manualInset)) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pt',\r\n    'paddingTop',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.top,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingBottom(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaBottom) &&\r\n    isNil(safeAreaProps.safeAreaY)\r\n  ) {\r\n    return;\r\n  }\r\n  let [bottomSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaY',\r\n    'safeAreaBottom',\r\n  ]);\r\n  let bottomSafeAreaArray = Object.keys(bottomSafeAreaProps);\r\n  const manualInset = bottomSafeAreaArray.length\r\n    ? bottomSafeAreaProps[bottomSafeAreaArray[bottomSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.bottom && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pb',\r\n    'paddingBottom',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.bottom,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingLeft(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaLeft) &&\r\n    isNil(safeAreaProps.safeAreaX)\r\n  ) {\r\n    return;\r\n  }\r\n  let [leftSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaLeft',\r\n    'safeAreaX',\r\n  ]);\r\n  let leftSafeAreaArray = Object.keys(leftSafeAreaProps);\r\n  // DOC: Since last value takes precedence so, directly takes last value\r\n  const manualInset = leftSafeAreaArray.length\r\n    ? leftSafeAreaProps[leftSafeAreaArray[leftSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.left && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pl',\r\n    'paddingLeft',\r\n    'px',\r\n    'paddingX',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.left,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingRight(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaRight) &&\r\n    isNil(safeAreaProps.safeAreaX)\r\n  ) {\r\n    return;\r\n  }\r\n  // DOC: Adding it for manual inset passed by the user\r\n  let [rightSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaX',\r\n    'safeAreaRight',\r\n  ]);\r\n  let rightSafeAreaArray = Object.keys(rightSafeAreaProps);\r\n  const manualInset = rightSafeAreaArray.length\r\n    ? rightSafeAreaProps[rightSafeAreaArray[rightSafeAreaArray.length - 1]]\r\n    : undefined;\r\n\r\n  if (!insets.right && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pr',\r\n    'paddingRight',\r\n    'px',\r\n    'paddingX',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.right,\r\n    manualInset\r\n  );\r\n}\r\n\r\nfunction getRelatedPaddingProps(props: any, relatedKeys: Array<any>) {\r\n  return Object.keys(props).filter((key) => relatedKeys.includes(key));\r\n}\r\nexport function getSortedProps(props: any) {\r\n  let [\r\n    safeAreaProps,\r\n    sansSafeAreaProps,\r\n  ] = themeTools.orderedExtractInObject(props, [\r\n    'safeArea',\r\n    'safeAreaX',\r\n    'safeAreaY',\r\n    'safeAreaTop',\r\n    'safeAreaBottom',\r\n    'safeAreaLeft',\r\n    'safeAreaRight',\r\n  ]);\r\n  let [\r\n    paddingProps,\r\n    sansPaddingProps,\r\n  ] = themeTools.orderedExtractInObject(sansSafeAreaProps, [\r\n    'p',\r\n    'padding',\r\n    'pt',\r\n    'paddingTop',\r\n    'pr',\r\n    'paddingRight',\r\n    'pb',\r\n    'paddingBottom',\r\n    'pl',\r\n    'paddingLeft',\r\n    'px',\r\n    'paddingX',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n  return { safeAreaProps, paddingProps, sansPaddingProps };\r\n}\r\n"]}

package/lib/commonjs/hooks/useScreenReaderEnabled.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenReaderEnabled = useScreenReaderEnabled;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useScreenReaderEnabled() {
+  const [enabled, setEnabled] = _react.default.useState(false);
+
+  const mountedRef = _react.default.useRef(false);
+
+  const handleSetEnabled = value => {
+    if (mountedRef.current) {
+      setEnabled(value);
+    }
+  };
+
+  _react.default.useEffect(() => {
+    mountedRef.current = true;
+
+    async function setInitialValue() {
+      const res = await _reactNative.AccessibilityInfo.isScreenReaderEnabled();
+      handleSetEnabled(res);
+    }
+
+    let handler = _reactNative.AccessibilityInfo.addEventListener('screenReaderChanged', event => {
+      handleSetEnabled(event);
+    });
+
+    setInitialValue();
+    return () => {
+      mountedRef.current = false;
+
+      _reactNative.AccessibilityInfo.removeEventListener('screenReaderChanged', handler);
+    };
+  });
+
+  return enabled;
+}
+//# sourceMappingURL=useScreenReaderEnabled.js.map

package/lib/commonjs/hooks/useScreenReaderEnabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useScreenReaderEnabled.ts"],"names":["useScreenReaderEnabled","enabled","setEnabled","React","useState","mountedRef","useRef","handleSetEnabled","value","current","useEffect","setInitialValue","res","AccessibilityInfo","isScreenReaderEnabled","handler","addEventListener","event","removeEventListener"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,SAASA,sBAAT,GAAkC;AACvC,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,eAAMC,QAAN,CAAe,KAAf,CAA9B;;AACA,QAAMC,UAAU,GAAGF,eAAMG,MAAN,CAAa,KAAb,CAAnB;;AAEA,QAAMC,gBAAgB,GAAIC,KAAD,IAAoB;AAC3C,QAAIH,UAAU,CAACI,OAAf,EAAwB;AACtBP,MAAAA,UAAU,CAACM,KAAD,CAAV;AACD;AACF,GAJD;;AAMAL,iBAAMO,SAAN,CAAgB,MAAM;AACpBL,IAAAA,UAAU,CAACI,OAAX,GAAqB,IAArB;;AACA,mBAAeE,eAAf,GAAiC;AAC/B,YAAMC,GAAG,GAAG,MAAMC,+BAAkBC,qBAAlB,EAAlB;AACAP,MAAAA,gBAAgB,CAACK,GAAD,CAAhB;AACD;;AAED,QAAIG,OAAY,GAAGF,+BAAkBG,gBAAlB,CACjB,qBADiB,EAEhBC,KAAD,IAAgB;AACdV,MAAAA,gBAAgB,CAACU,KAAD,CAAhB;AACD,KAJgB,CAAnB;;AAOAN,IAAAA,eAAe;AACf,WAAO,MAAM;AACXN,MAAAA,UAAU,CAACI,OAAX,GAAqB,KAArB;;AACAI,qCAAkBK,mBAAlB,CAAsC,qBAAtC,EAA6DH,OAA7D;AACD,KAHD;AAID,GAnBD;;AAqBA,SAAOd,OAAP;AACD","sourcesContent":["import React from 'react';\r\nimport { AccessibilityInfo } from 'react-native';\r\n\r\nexport function useScreenReaderEnabled() {\r\n  const [enabled, setEnabled] = React.useState(false);\r\n  const mountedRef = React.useRef(false);\r\n\r\n  const handleSetEnabled = (value: boolean) => {\r\n    if (mountedRef.current) {\r\n      setEnabled(value);\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    mountedRef.current = true;\r\n    async function setInitialValue() {\r\n      const res = await AccessibilityInfo.isScreenReaderEnabled();\r\n      handleSetEnabled(res);\r\n    }\r\n\r\n    let handler: any = AccessibilityInfo.addEventListener(\r\n      'screenReaderChanged',\r\n      (event: any) => {\r\n        handleSetEnabled(event);\r\n      }\r\n    );\r\n\r\n    setInitialValue();\r\n    return () => {\r\n      mountedRef.current = false;\r\n      AccessibilityInfo.removeEventListener('screenReaderChanged', handler);\r\n    };\r\n  });\r\n\r\n  return enabled;\r\n}\r\n"]}

package/lib/commonjs/hooks/useStyledSystemPropsResolver.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyledSystemPropsResolver = void 0;
+
+var _styledSystem = require("../theme/styled-system");
+
+var _useTheme = require("./useTheme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NativeBaseContext = require("../core/NativeBaseContext");
+
+var _useResponsiveQuery = require("../utils/useResponsiveQuery");
+
+var _getStyledSystemPropsAndRestProps = require("../utils/getStyledSystemPropsAndRestProps");
+
+var _stableHash = _interopRequireDefault(require("stable-hash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//@ts-ignore
+const useStyledSystemPropsResolver = ({
+  style: propStyle,
+  debug,
+  ...props
+}) => {
+  const theme = (0, _useTheme.useTheme)();
+  const {
+    currentBreakpoint,
+    config
+  } = (0, _NativeBaseContext.useNativeBaseConfig)('makeStyledComponent');
+  const strictMode = config.strictMode;
+  const {
+    getResponsiveStyles
+  } = (0, _useResponsiveQuery.useResponsiveQuery)();
+  const {
+    styledSystemProps,
+    restProps
+  } = (0, _getStyledSystemPropsAndRestProps.getStyledSystemPropsAndRestProps)(props);
+
+  const {
+    style,
+    dataSet,
+    styleFromProps
+  } = _react.default.useMemo(() => {
+    const {
+      styleSheet,
+      dataSet,
+      styleFromProps
+    } = (0, _styledSystem.getStyleAndFilteredProps)({
+      styledSystemProps,
+      theme,
+      debug,
+      currentBreakpoint,
+      strictMode,
+      getResponsiveStyles
+    });
+
+    if (propStyle) {
+      return {
+        style: [styleSheet.box, propStyle],
+        dataSet,
+        styleFromProps
+      };
+    } else {
+      return {
+        style: styleSheet.box,
+        dataSet,
+        styleFromProps
+      };
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [// eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _stableHash.default)(styledSystemProps), theme, debug, currentBreakpoint, strictMode, propStyle, getResponsiveStyles, props]);
+
+  if (process.env.NODE_ENV === 'development' && debug) {
+    /* eslint-disable-next-line */
+    console.log('style,resprops', currentBreakpoint);
+  }
+
+  restProps.dataSet = { ...restProps.dataSet,
+    ...dataSet
+  };
+  return [style, restProps, styleFromProps];
+};
+
+exports.useStyledSystemPropsResolver = useStyledSystemPropsResolver;
+//# sourceMappingURL=useStyledSystemPropsResolver.js.map

package/lib/commonjs/hooks/useStyledSystemPropsResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useStyledSystemPropsResolver.ts"],"names":["useStyledSystemPropsResolver","style","propStyle","debug","props","theme","currentBreakpoint","config","strictMode","getResponsiveStyles","styledSystemProps","restProps","dataSet","styleFromProps","React","useMemo","styleSheet","box","process","env","NODE_ENV","console","log"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AADA;AAGO,MAAMA,4BAA4B,GAAG,CAAC;AAC3CC,EAAAA,KAAK,EAAEC,SADoC;AAE3CC,EAAAA,KAF2C;AAG3C,KAAGC;AAHwC,CAAD,KAIjC;AACT,QAAMC,KAAK,GAAG,yBAAd;AACA,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAgC,4CACpC,qBADoC,CAAtC;AAGA,QAAMC,UAAU,GAAGD,MAAM,CAACC,UAA1B;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAA0B,6CAAhC;AAEA,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAmC,wEACvCP,KADuC,CAAzC;;AAIA,QAAM;AAAEH,IAAAA,KAAF;AAASW,IAAAA,OAAT;AAAkBC,IAAAA;AAAlB,MAAqCC,eAAMC,OAAN,CAAc,MAAM;AAC7D,UAAM;AAAEC,MAAAA,UAAF;AAAcJ,MAAAA,OAAd;AAAuBC,MAAAA;AAAvB,QAA0C,4CAAyB;AACvEH,MAAAA,iBADuE;AAEvEL,MAAAA,KAFuE;AAGvEF,MAAAA,KAHuE;AAIvEG,MAAAA,iBAJuE;AAKvEE,MAAAA,UALuE;AAMvEC,MAAAA;AANuE,KAAzB,CAAhD;;AAQA,QAAIP,SAAJ,EAAe;AACb,aAAO;AAAED,QAAAA,KAAK,EAAE,CAACe,UAAU,CAACC,GAAZ,EAAiBf,SAAjB,CAAT;AAAsCU,QAAAA,OAAtC;AAA+CC,QAAAA;AAA/C,OAAP;AACD,KAFD,MAEO;AACL,aAAO;AAAEZ,QAAAA,KAAK,EAAEe,UAAU,CAACC,GAApB;AAAyBL,QAAAA,OAAzB;AAAkCC,QAAAA;AAAlC,OAAP;AACD,KAb4D,CAc7D;;AACD,GAf0C,EAexC,CACD;AACA,2BAAWH,iBAAX,CAFC,EAGDL,KAHC,EAIDF,KAJC,EAKDG,iBALC,EAMDE,UANC,EAODN,SAPC,EAQDO,mBARC,EASDL,KATC,CAfwC,CAA3C;;AA0BA,MAAIc,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CjB,KAA9C,EAAqD;AACnD;AACAkB,IAAAA,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8BhB,iBAA9B;AACD;;AAEDK,EAAAA,SAAS,CAACC,OAAV,GAAoB,EAAE,GAAGD,SAAS,CAACC,OAAf;AAAwB,OAAGA;AAA3B,GAApB;AAEA,SAAO,CAACX,KAAD,EAAQU,SAAR,EAAmBE,cAAnB,CAAP;AACD,CAnDM","sourcesContent":["import { getStyleAndFilteredProps } from '../theme/styled-system';\r\nimport { useTheme } from './useTheme';\r\nimport React from 'react';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { useResponsiveQuery } from '../utils/useResponsiveQuery';\r\nimport { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\n\r\nexport const useStyledSystemPropsResolver = ({\r\n  style: propStyle,\r\n  debug,\r\n  ...props\r\n}: any) => {\r\n  const theme = useTheme();\r\n  const { currentBreakpoint, config } = useNativeBaseConfig(\r\n    'makeStyledComponent'\r\n  );\r\n  const strictMode = config.strictMode;\r\n\r\n  const { getResponsiveStyles } = useResponsiveQuery();\r\n\r\n  const { styledSystemProps, restProps } = getStyledSystemPropsAndRestProps(\r\n    props\r\n  );\r\n\r\n  const { style, dataSet, styleFromProps } = React.useMemo(() => {\r\n    const { styleSheet, dataSet, styleFromProps } = getStyleAndFilteredProps({\r\n      styledSystemProps,\r\n      theme,\r\n      debug,\r\n      currentBreakpoint,\r\n      strictMode,\r\n      getResponsiveStyles,\r\n    });\r\n    if (propStyle) {\r\n      return { style: [styleSheet.box, propStyle], dataSet, styleFromProps };\r\n    } else {\r\n      return { style: styleSheet.box, dataSet, styleFromProps };\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    stableHash(styledSystemProps),\r\n    theme,\r\n    debug,\r\n    currentBreakpoint,\r\n    strictMode,\r\n    propStyle,\r\n    getResponsiveStyles,\r\n    props,\r\n  ]);\r\n  if (process.env.NODE_ENV === 'development' && debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log('style,resprops', currentBreakpoint);\r\n  }\r\n\r\n  restProps.dataSet = { ...restProps.dataSet, ...dataSet };\r\n\r\n  return [style, restProps, styleFromProps];\r\n};\r\n"]}

package/lib/commonjs/hooks/useSx/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSx = void 0;
+
+var _useStyledSystemPropsResolver = require("../useStyledSystemPropsResolver");
+
+var _NativeBaseContext = require("../../core/NativeBaseContext");
+
+var _tools = require("../../theme/tools");
+
+var _useTheme = require("../useTheme");
+
+var _react = require("react");
+
+var _stableHash = _interopRequireDefault(require("stable-hash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//@ts-ignore
+const useSx = () => {
+  const isSSR = (0, _NativeBaseContext.useNativeBaseConfig)('useBreakpointResolvedProps').isSSR;
+  const theme = (0, _useTheme.useTheme)();
+
+  const Sx = query => {
+    const StableHashQuery = (0, _stableHash.default)(query);
+    const checkWarning = (0, _react.useMemo)(() => {
+      return (0, _tools.isResponsiveAnyProp)(query, theme); // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [StableHashQuery]);
+
+    if (isSSR && checkWarning) {
+      console.warn("useSx prop doesn't resolve responsive prop with SSR");
+    } // eslint-disable-next-line
+
+
+    const [_style, _restProps, styleFromProps] = (0, _useStyledSystemPropsResolver.useStyledSystemPropsResolver)(query);
+    return styleFromProps;
+  };
+
+  return Sx;
+};
+
+exports.useSx = useSx;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/hooks/useSx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useSx","isSSR","theme","Sx","query","StableHashQuery","checkWarning","console","warn","_style","_restProps","styleFromProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AADA;AAIO,MAAMA,KAAK,GAAG,MAAM;AACzB,QAAMC,KAAK,GAAG,4CAAoB,4BAApB,EAAkDA,KAAhE;AACA,QAAMC,KAAK,GAAG,yBAAd;;AACA,QAAMC,EAAE,GAAIC,KAAD,IAAwB;AACjC,UAAMC,eAAe,GAAG,yBAAWD,KAAX,CAAxB;AACA,UAAME,YAAY,GAAG,oBAAQ,MAAM;AACjC,aAAO,gCAAoBF,KAApB,EAA2BF,KAA3B,CAAP,CADiC,CAEjC;AACD,KAHoB,EAGlB,CAACG,eAAD,CAHkB,CAArB;;AAKA,QAAIJ,KAAK,IAAIK,YAAb,EAA2B;AACzBC,MAAAA,OAAO,CAACC,IAAR,CAAa,qDAAb;AACD,KATgC,CAUjC;;;AACA,UAAM,CAACC,MAAD,EAASC,UAAT,EAAqBC,cAArB,IAAuC,gEAC3CP,KAD2C,CAA7C;AAIA,WAAOO,cAAP;AACD,GAhBD;;AAiBA,SAAOR,EAAP;AACD,CArBM","sourcesContent":["import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';\r\nimport { useNativeBaseConfig } from '../../core/NativeBaseContext';\r\nimport { isResponsiveAnyProp } from '../../theme/tools';\r\nimport { useTheme } from '../useTheme';\r\nimport { useMemo } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport type { StyledProps } from '../../theme/types';\r\n\r\nexport const useSx = () => {\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n  const theme = useTheme();\r\n  const Sx = (query: StyledProps) => {\r\n    const StableHashQuery = stableHash(query);\r\n    const checkWarning = useMemo(() => {\r\n      return isResponsiveAnyProp(query, theme);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [StableHashQuery]);\r\n\r\n    if (isSSR && checkWarning) {\r\n      console.warn(\"useSx prop doesn't resolve responsive prop with SSR\");\r\n    }\r\n    // eslint-disable-next-line\r\n    const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(\r\n      query\r\n    );\r\n\r\n    return styleFromProps;\r\n  };\r\n  return Sx;\r\n};\r\n"]}

package/lib/commonjs/hooks/useTheme.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTheme = useTheme;
+
+var _NativeBaseContext = require("./../core/NativeBaseContext");
+
+function useTheme() {
+  const theme = (0, _NativeBaseContext.useNativeBaseConfig)('useTheme').theme;
+
+  if (!theme) {
+    throw Error('useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`');
+  }
+
+  return theme;
+}
+//# sourceMappingURL=useTheme.js.map

package/lib/commonjs/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTheme.ts"],"names":["useTheme","theme","Error"],"mappings":";;;;;;;AAAA;;AAEO,SAASA,QAAT,GAAoB;AACzB,QAAMC,KAAK,GAAG,4CAAoB,UAApB,EAAgCA,KAA9C;;AACA,MAAI,CAACA,KAAL,EAAY;AACV,UAAMC,KAAK,CACT,+FADS,CAAX;AAGD;;AAED,SAAOD,KAAP;AACD","sourcesContent":["import { useNativeBaseConfig } from './../core/NativeBaseContext';\r\n\r\nexport function useTheme() {\r\n  const theme = useNativeBaseConfig('useTheme').theme;\r\n  if (!theme) {\r\n    throw Error(\r\n      'useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`'\r\n    );\r\n  }\r\n\r\n  return theme;\r\n}\r\n"]}

package/lib/commonjs/hooks/useThemeProps/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useThemeProps", {
+  enumerable: true,
+  get: function () {
+    return _useProps.useThemeProps;
+  }
+});
+Object.defineProperty(exports, "usePropsResolution", {
+  enumerable: true,
+  get: function () {
+    return _usePropsResolution.usePropsResolution;
+  }
+});
+Object.defineProperty(exports, "usePropsWithComponentTheme", {
+  enumerable: true,
+  get: function () {
+    return _usePropsWithComponentTheme.usePropsWithComponentTheme;
+  }
+});
+
+var _useProps = require("./useProps");
+
+var _usePropsResolution = require("./usePropsResolution");
+
+var _usePropsWithComponentTheme = require("./usePropsWithComponentTheme");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/hooks/useThemeProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { useThemeProps } from './useProps';\r\nexport { usePropsResolution } from './usePropsResolution';\r\nexport { usePropsWithComponentTheme } from './usePropsWithComponentTheme';\r\n"]}

package/lib/commonjs/hooks/useThemeProps/propsFlattener.js

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propsFlattener = exports.compareSpecificity = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.merge"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SPECIFICITY_1000 = 1000;
+const SPECIFICITY_110 = 110;
+const SPECIFICITY_100 = 100;
+const SPECIFICITY_70 = 70;
+const SPECIFICITY_60 = 60;
+const SPECIFICITY_55 = 55;
+const SPECIFICITY_50 = 50;
+const SPECIFICITY_40 = 40;
+const SPECIFICITY_30 = 30; // SPECIFICITY_20 is being user for defferentiating between User Props and Theme Props. So any specificity less than SPECIFICITY_20 will be ovridable by user props.
+
+const SPECIFICITY_20 = 20;
+const SPECIFICITY_10 = 10;
+const specificityPrecedence = [SPECIFICITY_1000, SPECIFICITY_110, SPECIFICITY_100, SPECIFICITY_70, SPECIFICITY_60, SPECIFICITY_55, SPECIFICITY_50, SPECIFICITY_40, SPECIFICITY_30, SPECIFICITY_20, SPECIFICITY_10];
+const INITIAL_PROP_SPECIFICITY = {
+  [SPECIFICITY_1000]: 0,
+  [SPECIFICITY_110]: 0,
+  [SPECIFICITY_100]: 0,
+  [SPECIFICITY_70]: 0,
+  [SPECIFICITY_60]: 0,
+  [SPECIFICITY_50]: 0,
+  [SPECIFICITY_55]: 0,
+  [SPECIFICITY_40]: 0,
+  [SPECIFICITY_30]: 0,
+  [SPECIFICITY_20]: 0,
+  [SPECIFICITY_10]: 0
+};
+const pseudoPropsMap = {
+  _web: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _ios: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _android: {
+    dependentOn: 'platform',
+    priority: SPECIFICITY_10
+  },
+  _light: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  _dark: {
+    dependentOn: 'colormode',
+    priority: SPECIFICITY_10
+  },
+  // TODO: have to add more interactionProps and stateProps
+  _indeterminate: {
+    dependentOn: 'state',
+    respondTo: 'isIndeterminate',
+    priority: SPECIFICITY_30
+  },
+  _checked: {
+    dependentOn: 'state',
+    respondTo: 'isChecked',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _readOnly: {
+    dependentOn: 'state',
+    respondTo: 'isReadOnly',
+    priority: SPECIFICITY_30
+  },
+  // Add new pseudeo props in between -------
+  _invalid: {
+    dependentOn: 'state',
+    respondTo: 'isInvalid',
+    priority: SPECIFICITY_40
+  },
+  _focus: {
+    dependentOn: 'state',
+    respondTo: 'isFocused',
+    priority: SPECIFICITY_50
+  },
+  _focusVisible: {
+    dependentOn: 'state',
+    respondTo: 'isFocusVisible',
+    priority: SPECIFICITY_55
+  },
+  _hover: {
+    dependentOn: 'state',
+    respondTo: 'isHovered',
+    priority: SPECIFICITY_60
+  },
+  _pressed: {
+    dependentOn: 'state',
+    respondTo: 'isPressed',
+    priority: SPECIFICITY_70
+  },
+  _disabled: {
+    dependentOn: 'state',
+    respondTo: 'isDisabled',
+    priority: SPECIFICITY_100
+  },
+  _loading: {
+    dependentOn: 'state',
+    respondTo: 'isLoading',
+    priority: SPECIFICITY_110
+  },
+  _important: {
+    dependentOn: null,
+    priority: SPECIFICITY_1000
+  }
+};
+
+const compareSpecificity = (exisiting, upcoming, ignorebaseTheme) => // property?: any
+{
+  if (!exisiting) return true;
+  if (!upcoming) return false;
+  const condition = ignorebaseTheme ? specificityPrecedence.length - 1 : specificityPrecedence.length;
+
+  for (let index = 0; index < condition; index++) {
+    if (exisiting[specificityPrecedence[index]] > upcoming[specificityPrecedence[index]]) {
+      return false;
+    } else if (exisiting[specificityPrecedence[index]] < upcoming[specificityPrecedence[index]]) {
+      return true;
+    }
+  }
+
+  return true;
+};
+
+exports.compareSpecificity = compareSpecificity;
+
+const shouldResolvePseudoProp = ({
+  property,
+  state,
+  platform,
+  colormode
+}) => {
+  if (pseudoPropsMap[property].dependentOn === 'platform') {
+    return property === "_".concat(platform);
+  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {
+    return property === "_".concat(colormode);
+  } else if (pseudoPropsMap[property].dependentOn === 'state') {
+    // @ts-ignore
+    return state[pseudoPropsMap[property].respondTo];
+  } else if (pseudoPropsMap[property].dependentOn === null) {
+    return true;
+  } else {
+    return false;
+  }
+};
+
+const simplifyProps = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificity,
+  previouslyFlattenProps,
+  cascadePseudoProps
+}, flattenProps = {}, specificityMap = {}, priority) => {
+  const mergePsuedoProps = (property, propertySpecity) => {
+    if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+      if (process.env.NODE_ENV === 'development' && props.debug) {
+        /* eslint-disable-next-line */
+        console.log("%c ".concat(property), 'color: #818cf8;', 'updated as internal prop with higher specificity');
+      }
+
+      specificityMap[property] = propertySpecity; // merging internal props (like, _text, _stack ...)
+
+      flattenProps[property] = (0, _lodash.default)({}, flattenProps[property], props[property]);
+    } else {
+      if (process.env.NODE_ENV === 'development' && props.debug) {
+        /* eslint-disable-next-line */
+        console.log("%c ".concat(property), 'color: #818cf8;', 'updated as internal prop with lower specificity');
+      }
+
+      flattenProps[property] = (0, _lodash.default)({}, props[property], flattenProps[property]);
+    }
+  };
+
+  for (const property in props) {
+    var _pseudoPropsMap$prope;
+
+    // NOTE: the order is important here. Keep in mind while specificity breakpoints.
+    const propertySpecity = currentSpecificity ? { ...currentSpecificity
+    } : { ...INITIAL_PROP_SPECIFICITY,
+      [SPECIFICITY_20]: priority
+    };
+
+    if ( // @ts-ignore
+    state[(_pseudoPropsMap$prope = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope === void 0 ? void 0 : _pseudoPropsMap$prope.respondTo] || ['_dark', '_light', '_web', '_ios', '_android', '_important'].includes(property)) {
+      // @ts-ignore
+      if (shouldResolvePseudoProp({
+        property,
+        state,
+        platform,
+        colormode
+      })) {
+        // NOTE: Handling (state driven) props like _important, _web, _ios, _android, _dark, _light, _disabled, _focus, _focusVisible, _hover, _pressed, _readOnly, _invalid, .... Only when they are true.
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'recursively resolving');
+        } // @ts-ignore
+
+
+        propertySpecity[pseudoPropsMap[property].priority]++;
+        simplifyProps({
+          props: props[property],
+          colormode,
+          platform,
+          state,
+          currentSpecificity: propertySpecity,
+          previouslyFlattenProps: previouslyFlattenProps,
+          cascadePseudoProps
+        }, flattenProps, specificityMap, priority);
+      } // @ts-ignore
+
+    } else if (pseudoPropsMap[property] === undefined) {
+      if (property.startsWith('_')) {
+        // NOTE: Handling (internal) props like _text, _stack, ....
+        mergePsuedoProps(property, propertySpecity);
+      } else {
+        if (compareSpecificity(specificityMap[property], propertySpecity, false)) {
+          if (process.env.NODE_ENV === 'development' && props.debug) {
+            /* eslint-disable-next-line */
+            console.log("%c ".concat(property), 'color: #818cf8;', 'updated as simple prop');
+          }
+
+          specificityMap[property] = propertySpecity; // replacing simple props (like, p, m, bg, color, ...)
+
+          flattenProps[property] = props[property];
+        } else {
+          if (process.env.NODE_ENV === 'development' && props.debug) {
+            /* eslint-disable-next-line */
+            console.log("%c ".concat(property), 'color: #818cf8;', 'ignored');
+          }
+        }
+      }
+    } else {
+      // Can delete unused props
+      if (!cascadePseudoProps) {
+        delete flattenProps[property];
+
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'deleted');
+        }
+      } else {
+        if (process.env.NODE_ENV === 'development' && props.debug) {
+          /* eslint-disable-next-line */
+          console.log("%c ".concat(property), 'color: #818cf8;', 'cascaded');
+        }
+
+        mergePsuedoProps(property, propertySpecity);
+      }
+    }
+  }
+};
+
+const propsFlattener = ({
+  props,
+  colormode,
+  platform,
+  state,
+  currentSpecificityMap,
+  previouslyFlattenProps,
+  cascadePseudoProps
+}, priority) => {
+  const flattenProps = {};
+
+  for (const property in props) {
+    var _pseudoPropsMap$prope2;
+
+    if ( // @ts-ignore
+    state[(_pseudoPropsMap$prope2 = pseudoPropsMap[property]) === null || _pseudoPropsMap$prope2 === void 0 ? void 0 : _pseudoPropsMap$prope2.respondTo] === undefined && property.startsWith('_')) {
+      flattenProps[property] = previouslyFlattenProps[property];
+    }
+  }
+
+  const specificityMap = currentSpecificityMap || {};
+  simplifyProps({
+    props,
+    colormode,
+    platform,
+    state,
+    currentSpecificityMap,
+    previouslyFlattenProps,
+    cascadePseudoProps
+  }, flattenProps, specificityMap, priority);
+  return [flattenProps, specificityMap];
+};
+
+exports.propsFlattener = propsFlattener;
+//# sourceMappingURL=propsFlattener.js.map

package/lib/commonjs/hooks/useThemeProps/propsFlattener.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["propsFlattener.tsx"],"names":["SPECIFICITY_1000","SPECIFICITY_110","SPECIFICITY_100","SPECIFICITY_70","SPECIFICITY_60","SPECIFICITY_55","SPECIFICITY_50","SPECIFICITY_40","SPECIFICITY_30","SPECIFICITY_20","SPECIFICITY_10","specificityPrecedence","INITIAL_PROP_SPECIFICITY","pseudoPropsMap","_web","dependentOn","priority","_ios","_android","_light","_dark","_indeterminate","respondTo","_checked","_readOnly","_invalid","_focus","_focusVisible","_hover","_pressed","_disabled","_loading","_important","compareSpecificity","exisiting","upcoming","ignorebaseTheme","condition","length","index","shouldResolvePseudoProp","property","state","platform","colormode","simplifyProps","props","currentSpecificity","previouslyFlattenProps","cascadePseudoProps","flattenProps","specificityMap","mergePsuedoProps","propertySpecity","process","env","NODE_ENV","debug","console","log","includes","undefined","startsWith","propsFlattener","currentSpecificityMap"],"mappings":"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","sourcesContent":["import merge from 'lodash.merge';\r\n\r\nconst SPECIFICITY_1000 = 1000;\r\nconst SPECIFICITY_110 = 110;\r\nconst SPECIFICITY_100 = 100;\r\nconst SPECIFICITY_70 = 70;\r\nconst SPECIFICITY_60 = 60;\r\nconst SPECIFICITY_55 = 55;\r\nconst SPECIFICITY_50 = 50;\r\nconst SPECIFICITY_40 = 40;\r\nconst SPECIFICITY_30 = 30;\r\n// SPECIFICITY_20 is being user for defferentiating between User Props and Theme Props. So any specificity less than SPECIFICITY_20 will be ovridable by user props.\r\nconst SPECIFICITY_20 = 20;\r\nconst SPECIFICITY_10 = 10;\r\nconst specificityPrecedence = [\r\n  SPECIFICITY_1000,\r\n  SPECIFICITY_110,\r\n  SPECIFICITY_100,\r\n  SPECIFICITY_70,\r\n  SPECIFICITY_60,\r\n  SPECIFICITY_55,\r\n  SPECIFICITY_50,\r\n  SPECIFICITY_40,\r\n  SPECIFICITY_30,\r\n  SPECIFICITY_20,\r\n  SPECIFICITY_10,\r\n];\r\nconst INITIAL_PROP_SPECIFICITY = {\r\n  [SPECIFICITY_1000]: 0,\r\n  [SPECIFICITY_110]: 0,\r\n  [SPECIFICITY_100]: 0,\r\n  [SPECIFICITY_70]: 0,\r\n  [SPECIFICITY_60]: 0,\r\n  [SPECIFICITY_50]: 0,\r\n  [SPECIFICITY_55]: 0,\r\n  [SPECIFICITY_40]: 0,\r\n  [SPECIFICITY_30]: 0,\r\n  [SPECIFICITY_20]: 0,\r\n  [SPECIFICITY_10]: 0,\r\n};\r\n\r\nconst pseudoPropsMap = {\r\n  _web: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _ios: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n  _android: { dependentOn: 'platform', priority: SPECIFICITY_10 },\r\n\r\n  _light: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n  _dark: { dependentOn: 'colormode', priority: SPECIFICITY_10 },\r\n\r\n  // TODO: have to add more interactionProps and stateProps\r\n  _indeterminate: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isIndeterminate',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  _checked: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isChecked',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _readOnly: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isReadOnly',\r\n    priority: SPECIFICITY_30,\r\n  },\r\n  // Add new pseudeo props in between -------\r\n  _invalid: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isInvalid',\r\n    priority: SPECIFICITY_40,\r\n  },\r\n  _focus: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocused',\r\n    priority: SPECIFICITY_50,\r\n  },\r\n  _focusVisible: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isFocusVisible',\r\n    priority: SPECIFICITY_55,\r\n  },\r\n  _hover: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isHovered',\r\n    priority: SPECIFICITY_60,\r\n  },\r\n  _pressed: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isPressed',\r\n    priority: SPECIFICITY_70,\r\n  },\r\n  _disabled: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isDisabled',\r\n    priority: SPECIFICITY_100,\r\n  },\r\n  _loading: {\r\n    dependentOn: 'state',\r\n    respondTo: 'isLoading',\r\n    priority: SPECIFICITY_110,\r\n  },\r\n  _important: {\r\n    dependentOn: null,\r\n    priority: SPECIFICITY_1000,\r\n  },\r\n} as const;\r\n\r\ntype IPseudoPropsMap = typeof pseudoPropsMap;\r\ntype ExtractState<T extends IPseudoPropsMap> = {\r\n  // @ts-ignore\r\n  [P in keyof T as T[P]['respondTo']]?: boolean;\r\n};\r\nexport type IStateProps = ExtractState<IPseudoPropsMap>;\r\n\r\nexport const compareSpecificity = (\r\n  exisiting: any,\r\n  upcoming: any,\r\n  ignorebaseTheme?: boolean\r\n  // property?: any\r\n) => {\r\n  if (!exisiting) return true;\r\n  if (!upcoming) return false;\r\n  const condition = ignorebaseTheme\r\n    ? specificityPrecedence.length - 1\r\n    : specificityPrecedence.length;\r\n  for (let index = 0; index < condition; index++) {\r\n    if (\r\n      exisiting[specificityPrecedence[index]] >\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return false;\r\n    } else if (\r\n      exisiting[specificityPrecedence[index]] <\r\n      upcoming[specificityPrecedence[index]]\r\n    ) {\r\n      return true;\r\n    }\r\n  }\r\n  return true;\r\n};\r\n\r\nconst shouldResolvePseudoProp = ({\r\n  property,\r\n  state,\r\n  platform,\r\n  colormode,\r\n}: {\r\n  property: keyof IPseudoPropsMap;\r\n  state: IStateProps;\r\n  platform: any;\r\n  colormode: any;\r\n}) => {\r\n  if (pseudoPropsMap[property].dependentOn === 'platform') {\r\n    return property === `_${platform}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'colormode') {\r\n    return property === `_${colormode}`;\r\n  } else if (pseudoPropsMap[property].dependentOn === 'state') {\r\n    // @ts-ignore\r\n    return state[pseudoPropsMap[property].respondTo];\r\n  } else if (pseudoPropsMap[property].dependentOn === null) {\r\n    return true;\r\n  } else {\r\n    return false;\r\n  }\r\n};\r\n\r\nconst simplifyProps = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificity,\r\n    previouslyFlattenProps,\r\n    cascadePseudoProps,\r\n  }: any,\r\n  flattenProps: any = {},\r\n  specificityMap: any = {},\r\n  priority: number\r\n) => {\r\n  const mergePsuedoProps = (property: string, propertySpecity: object) => {\r\n    if (compareSpecificity(specificityMap[property], propertySpecity, false)) {\r\n      if (process.env.NODE_ENV === 'development' && props.debug) {\r\n        /* eslint-disable-next-line */\r\n        console.log(\r\n          `%c ${property}`,\r\n          'color: #818cf8;',\r\n          'updated as internal prop with higher specificity'\r\n        );\r\n      }\r\n      specificityMap[property] = propertySpecity;\r\n      // merging internal props (like, _text, _stack ...)\r\n      flattenProps[property] = merge(\r\n        {},\r\n        flattenProps[property],\r\n        props[property]\r\n      );\r\n    } else {\r\n      if (process.env.NODE_ENV === 'development' && props.debug) {\r\n        /* eslint-disable-next-line */\r\n        console.log(\r\n          `%c ${property}`,\r\n          'color: #818cf8;',\r\n          'updated as internal prop with lower specificity'\r\n        );\r\n      }\r\n      flattenProps[property] = merge(\r\n        {},\r\n        props[property],\r\n        flattenProps[property]\r\n      );\r\n    }\r\n  };\r\n  for (const property in props) {\r\n    // NOTE: the order is important here. Keep in mind while specificity breakpoints.\r\n    const propertySpecity = currentSpecificity\r\n      ? { ...currentSpecificity }\r\n      : {\r\n          ...INITIAL_PROP_SPECIFICITY,\r\n          [SPECIFICITY_20]: priority,\r\n        };\r\n\r\n    if (\r\n      // @ts-ignore\r\n      state[pseudoPropsMap[property]?.respondTo] ||\r\n      ['_dark', '_light', '_web', '_ios', '_android', '_important'].includes(\r\n        property\r\n      )\r\n    ) {\r\n      // @ts-ignore\r\n      if (shouldResolvePseudoProp({ property, state, platform, colormode })) {\r\n        // NOTE: Handling (state driven) props like _important, _web, _ios, _android, _dark, _light, _disabled, _focus, _focusVisible, _hover, _pressed, _readOnly, _invalid, .... Only when they are true.\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(\r\n            `%c ${property}`,\r\n            'color: #818cf8;',\r\n            'recursively resolving'\r\n          );\r\n        }\r\n        // @ts-ignore\r\n        propertySpecity[pseudoPropsMap[property].priority]++;\r\n        simplifyProps(\r\n          {\r\n            props: props[property],\r\n            colormode,\r\n            platform,\r\n            state,\r\n            currentSpecificity: propertySpecity,\r\n            previouslyFlattenProps: previouslyFlattenProps,\r\n            cascadePseudoProps,\r\n          },\r\n          flattenProps,\r\n          specificityMap,\r\n          priority\r\n        );\r\n      }\r\n      // @ts-ignore\r\n    } else if (pseudoPropsMap[property] === undefined) {\r\n      if (property.startsWith('_')) {\r\n        // NOTE: Handling (internal) props like _text, _stack, ....\r\n        mergePsuedoProps(property, propertySpecity);\r\n      } else {\r\n        if (\r\n          compareSpecificity(specificityMap[property], propertySpecity, false)\r\n        ) {\r\n          if (process.env.NODE_ENV === 'development' && props.debug) {\r\n            /* eslint-disable-next-line */\r\n            console.log(\r\n              `%c ${property}`,\r\n              'color: #818cf8;',\r\n              'updated as simple prop'\r\n            );\r\n          }\r\n          specificityMap[property] = propertySpecity;\r\n          // replacing simple props (like, p, m, bg, color, ...)\r\n          flattenProps[property] = props[property];\r\n        } else {\r\n          if (process.env.NODE_ENV === 'development' && props.debug) {\r\n            /* eslint-disable-next-line */\r\n            console.log(`%c ${property}`, 'color: #818cf8;', 'ignored');\r\n          }\r\n        }\r\n      }\r\n    } else {\r\n      // Can delete unused props\r\n      if (!cascadePseudoProps) {\r\n        delete flattenProps[property];\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(`%c ${property}`, 'color: #818cf8;', 'deleted');\r\n        }\r\n      } else {\r\n        if (process.env.NODE_ENV === 'development' && props.debug) {\r\n          /* eslint-disable-next-line */\r\n          console.log(`%c ${property}`, 'color: #818cf8;', 'cascaded');\r\n        }\r\n        mergePsuedoProps(property, propertySpecity);\r\n      }\r\n    }\r\n  }\r\n};\r\n\r\nexport const propsFlattener = (\r\n  {\r\n    props,\r\n    colormode,\r\n    platform,\r\n    state,\r\n    currentSpecificityMap,\r\n    previouslyFlattenProps,\r\n    cascadePseudoProps,\r\n  }: any,\r\n  priority: number\r\n) => {\r\n  const flattenProps: any = {};\r\n\r\n  for (const property in props) {\r\n    if (\r\n      // @ts-ignore\r\n      state[pseudoPropsMap[property]?.respondTo] === undefined &&\r\n      property.startsWith('_')\r\n    ) {\r\n      flattenProps[property] = previouslyFlattenProps[property];\r\n    }\r\n  }\r\n\r\n  const specificityMap = currentSpecificityMap || {};\r\n\r\n  simplifyProps(\r\n    {\r\n      props,\r\n      colormode,\r\n      platform,\r\n      state,\r\n      currentSpecificityMap,\r\n      previouslyFlattenProps,\r\n      cascadePseudoProps,\r\n    },\r\n    flattenProps,\r\n    specificityMap,\r\n    priority\r\n  );\r\n\r\n  return [flattenProps, specificityMap];\r\n};\r\n"]}