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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getAttachedChildren.ts"],"names":["getAttachedChildren","children","childrenArray","React","Children","toArray","length","trailingChildren","slice","pop","marginProp","ml","mr","roundedRight","roundedLeft","leftElemProp","rightElemProp","trailingChildrenWithSpacing","map","child","cloneElement","props"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,mBAAmB,GAAIC,QAAD,IAAmB;AAC7C,QAAMC,aAAkB,GAAGC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAA3B;AACA;AACF;AACA;;;AAEE,MAAIC,aAAa,CAACI,MAAd,IAAwB,CAA5B,EAA+B;AAC7B,WAAOJ,aAAP;AACD;;AAED,QAAMK,gBAAgB,GAAGL,aAAa,CAACM,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,wBAAOhB,eAAMiB,YAAN,CAAmBD,KAAnB,EAA0BT,UAA1B,EAAsCS,KAAK,CAACE,KAAN,CAAYpB,QAAlD,CAAP;AACD,GAFmC,CAApC;AAGA;AACF;AACA;;AACE,SAAO,cACLE,eAAMiB,YAAN,CACElB,aAAa,CAAC,CAAD,CADf,EAEEa,YAFF,EAGEb,aAAa,CAAC,CAAD,CAAb,CAAiBmB,KAAjB,CAAuBpB,QAHzB,CADK,EAML,GAAGgB,2BANE,eAOLd,eAAMiB,YAAN,CACElB,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CADf,EAEEU,aAFF,EAGEd,aAAa,CAACA,aAAa,CAACI,MAAd,GAAuB,CAAxB,CAAb,CAAwCe,KAAxC,CAA8CpB,QAHhD,CAPK,CAAP;AAaD,CA5CD;;eA8CeD,mB","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/commonjs/utils/getIndexedChildren.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getIndexedChildren = (children, startingIndex) => {
+  let counter = startingIndex ? startingIndex - 1 : -1;
+
+  const indexedChildren = _react.default.Children.map(children, child => {
+    counter++;
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      index: counter
+    }, child.props.children);
+  });
+
+  return indexedChildren;
+};
+
+var _default = getIndexedChildren;
+exports.default = _default;
+//# sourceMappingURL=getIndexedChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getIndexedChildren.ts"],"names":["getIndexedChildren","children","startingIndex","counter","indexedChildren","React","Children","map","child","cloneElement","index","props"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,kBAAkB,GAAG,CACzBC,QADyB,EAEzBC,aAFyB,KAGtB;AACH,MAAIC,OAAO,GAAGD,aAAa,GAAGA,aAAa,GAAG,CAAnB,GAAuB,CAAC,CAAnD;;AACA,QAAME,eAAe,GAAGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA8BO,KAAD,IAAgB;AACnEL,IAAAA,OAAO;AACP,wBAAOE,eAAMI,YAAN,CACLD,KADK,EAEL;AACEE,MAAAA,KAAK,EAAEP;AADT,KAFK,EAKLK,KAAK,CAACG,KAAN,CAAYV,QALP,CAAP;AAOD,GATuB,CAAxB;;AAUA,SAAOG,eAAP;AACD,CAhBD;;eAkBeJ,kB","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/commonjs/utils/getRNKeyAndStyleValue.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRNKeyAndStyleValue = void 0;
+
+var _reactNative = require("react-native");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _convertStringNumberToNumber = require("./convertStringNumberToNumber");
+
+var _utils = require("../hooks/useThemeProps/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ */
+const getRNKeyAndStyleValue = ({
+  config,
+  value,
+  key,
+  theme,
+  styledSystemProps,
+  currentBreakpoint
+}) => {
+  let style = {};
+
+  if (config === true) {
+    style = { ...style,
+      [key]: (0, _convertStringNumberToNumber.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 = (0, _lodash.default)(theme[scale], value, value);
+    }
+
+    if (typeof val === 'string') {
+      if (val.endsWith('px')) {
+        val = parseFloat(val);
+      } else if (val.endsWith('em') && _reactNative.Platform.OS !== 'web') {
+        const fontSize = (0, _utils.resolveValueWithBreakpoint)(styledSystemProps.fontSize, theme.breakpoints, currentBreakpoint, key);
+        val = parseFloat(val) * parseFloat((0, _lodash.default)(theme.fontSizes, fontSize, fontSize));
+      }
+    }
+
+    val = (0, _convertStringNumberToNumber.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;
+};
+
+exports.getRNKeyAndStyleValue = getRNKeyAndStyleValue;
+//# sourceMappingURL=getRNKeyAndStyleValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getRNKeyAndStyleValue.ts"],"names":["getRNKeyAndStyleValue","config","value","key","theme","styledSystemProps","currentBreakpoint","style","property","scale","properties","transformer","val","fontSize","endsWith","parseFloat","Platform","OS","breakpoints","fontSizes","forEach"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,MAAMA,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,GAAO,8DAA4BA,GAA5B,EAAiCD,KAAjC;AAFD,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,GAAG,qBAAIR,KAAK,CAACK,KAAD,CAAT,EAAkBP,KAAlB,EAAyBA,KAAzB,CAAN;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,KAAsBE,sBAASC,EAAT,KAAgB,KAA1C,EAAiD;AACtD,cAAMJ,QAAQ,GAAG,uCACfR,iBAAiB,CAACQ,QADH,EAEfT,KAAK,CAACc,WAFS,EAGfZ,iBAHe,EAIfH,GAJe,CAAjB;AAMAS,QAAAA,GAAG,GACDG,UAAU,CAACH,GAAD,CAAV,GACAG,UAAU,CAAC,qBAAIX,KAAK,CAACe,SAAV,EAAqBN,QAArB,EAA+BA,QAA/B,CAAD,CAFZ;AAGD;AACF;;AAEDD,IAAAA,GAAG,GAAG,8DAA4BT,GAA5B,EAAiCS,GAAjC,CAAN;;AAEA,QAAIF,UAAJ,EAAgB;AACd;AACAA,MAAAA,UAAU,CAACU,OAAX,CAAoBZ,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/commonjs/utils/getSpacedChildren.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../components/primitives/Box"));
+
+var _ResponsiveQueryProvider = require("./useResponsiveQuery/ResponsiveQueryProvider");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function flattenChildren(children, keys = []) {
+  const childrenArray = _react.default.Children.toArray(children);
+
+  return childrenArray.reduce((flatChildren, child, index) => {
+    if (child.type === _react.default.Fragment) {
+      return flatChildren.concat(flattenChildren(child.props.children, keys.concat(child.key || index)));
+    }
+
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+      flatChildren.push( /*#__PURE__*/_react.default.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.default.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.default.useContext(_ResponsiveQueryProvider.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.default.cloneElement(divider, {
+      orientation,
+      ...spacingProp
+    });
+    childrenArray = childrenArray.map((child, index) => {
+      var _child$key;
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.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.default.createElement(_react.default.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.default.createElement(_Box.default, spacingProp) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+    });
+  }
+
+  return childrenArray;
+};
+
+var _default = getSpacedChildren;
+exports.default = _default;
+//# sourceMappingURL=getSpacedChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getSpacedChildren.tsx"],"names":["flattenChildren","children","keys","childrenArray","React","Children","toArray","reduce","flatChildren","child","index","type","Fragment","concat","props","key","isValidElement","push","cloneElement","String","join","getSpacedChildren","space","axis","reverse","divider","orientation","responsiveQueryContext","useContext","ResponsiveQueryContext","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/commonjs/utils/getStyledFromProps.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyledFromProps = void 0;
+
+var _tools = require("../theme/tools");
+
+var _getRNKeyAndStyleValue = require("./getRNKeyAndStyleValue");
+
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ * @param styledSystemProps
+ * @param theme
+ * @param currentBreakpoint
+ * @returns styleFromProps, responsiveStyles
+ */
+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 ((0, _tools.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 = (0, _getRNKeyAndStyleValue.getRNKeyAndStyleValue)({
+            config,
+            value: v,
+            key,
+            styledSystemProps,
+            theme,
+            currentBreakpoint
+          }); //@ts-ignore
+
+          responsiveStyles[orderedBreakPoints[i][0]].push(newStyle);
+        });
+      } else {
+        for (const k in value) {
+          const newStyle = (0, _getRNKeyAndStyleValue.getRNKeyAndStyleValue)({
+            config,
+            value: value[k],
+            key,
+            styledSystemProps,
+            theme,
+            currentBreakpoint
+          });
+
+          if (!responsiveStyles[k]) {
+            responsiveStyles[k] = [];
+          }
+
+          responsiveStyles[k].push(newStyle);
+        }
+      }
+    } else {
+      const value = rawValue;
+      const newStyle = (0, _getRNKeyAndStyleValue.getRNKeyAndStyleValue)({
+        config,
+        value,
+        key,
+        styledSystemProps,
+        theme,
+        currentBreakpoint
+      });
+      styleFromProps = { ...styleFromProps,
+        ...newStyle
+      };
+    }
+  }
+
+  return {
+    styleFromProps,
+    responsiveStyles
+  };
+};
+
+exports.getStyledFromProps = getStyledFromProps;
+//# sourceMappingURL=getStyledFromProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getStyledFromProps.ts"],"names":["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":";;;;;;;AAAA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAMA,kBAAkB,GAAG,CAChCC,iBADgC,EAEhCC,KAFgC,EAGhCC,iBAHgC,EAIhCC,UAJgC,KAK7B;AACH,MAAIC,cAAmB,GAAG,EAA1B;AACA,MAAIC,gBAGH,GAAG,IAHJ;AAIA,QAAMC,kBAAkB,GAAGC,MAAM,CAACC,OAAP,CACzBP,KAAK,CAACQ,WADmB,EAEzBC,IAFyB,CAEpB,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,CAAC,CAAD,CAAD,GAAOC,CAAC,CAAC,CAAD,CAFE,CAA3B;;AAGA,OAAK,MAAMC,GAAX,IAAkBb,iBAAlB,EAAqC;AACnC,UAAMc,QAAQ,GAAGd,iBAAiB,CAACa,GAAD,CAAlC;AAEA,UAAME,MAAM,GAAGZ,UAAU,CAACU,GAAD,CAAzB;;AAEA,QAAI,qCAAyBC,QAAzB,EAAmCb,KAAK,CAACQ,WAAzC,CAAJ,EAA2D;AACzD,UAAI,CAACJ,gBAAL,EAAuBA,gBAAgB,GAAG,EAAnB;AAEvB,YAAMW,KAAK,GAAGF,QAAd;;AACA,UAAIG,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAJ,EAA0B;AACxBA,QAAAA,KAAK,CAACG,OAAN,CAAc,CAACC,CAAD,EAAIC,CAAJ,KAAU;AACtB;AACA,cAAI,CAAChB,gBAAgB,CAACC,kBAAkB,CAACe,CAAD,CAAlB,CAAsB,CAAtB,CAAD,CAArB,EAAiD;AAC/C;AACAhB,YAAAA,gBAAgB,CAACC,kBAAkB,CAACe,CAAD,CAAlB,CAAsB,CAAtB,CAAD,CAAhB,GAA6C,EAA7C;AACD;;AACD,gBAAMC,QAAQ,GAAG,kDAAsB;AACrCP,YAAAA,MADqC;AAErCC,YAAAA,KAAK,EAAEI,CAF8B;AAGrCP,YAAAA,GAHqC;AAIrCb,YAAAA,iBAJqC;AAKrCC,YAAAA,KALqC;AAMrCC,YAAAA;AANqC,WAAtB,CAAjB,CANsB,CActB;;AACAG,UAAAA,gBAAgB,CAACC,kBAAkB,CAACe,CAAD,CAAlB,CAAsB,CAAtB,CAAD,CAAhB,CAA2CE,IAA3C,CAAgDD,QAAhD;AACD,SAhBD;AAiBD,OAlBD,MAkBO;AACL,aAAK,MAAME,CAAX,IAAgBR,KAAhB,EAAuB;AACrB,gBAAMM,QAAQ,GAAG,kDAAsB;AACrCP,YAAAA,MADqC;AAErCC,YAAAA,KAAK,EAAEA,KAAK,CAACQ,CAAD,CAFyB;AAGrCX,YAAAA,GAHqC;AAIrCb,YAAAA,iBAJqC;AAKrCC,YAAAA,KALqC;AAMrCC,YAAAA;AANqC,WAAtB,CAAjB;;AAQA,cAAI,CAACG,gBAAgB,CAACmB,CAAD,CAArB,EAA0B;AACxBnB,YAAAA,gBAAgB,CAACmB,CAAD,CAAhB,GAAsB,EAAtB;AACD;;AACDnB,UAAAA,gBAAgB,CAACmB,CAAD,CAAhB,CAAoBD,IAApB,CAAyBD,QAAzB;AACD;AACF;AACF,KAtCD,MAsCO;AACL,YAAMN,KAAK,GAAGF,QAAd;AACA,YAAMQ,QAAQ,GAAG,kDAAsB;AACrCP,QAAAA,MADqC;AAErCC,QAAAA,KAFqC;AAGrCH,QAAAA,GAHqC;AAIrCb,QAAAA,iBAJqC;AAKrCC,QAAAA,KALqC;AAMrCC,QAAAA;AANqC,OAAtB,CAAjB;AASAE,MAAAA,cAAc,GAAG,EACf,GAAGA,cADY;AAEf,WAAGkB;AAFY,OAAjB;AAID;AACF;;AAED,SAAO;AAAElB,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,GAAP;AACD,CA5EM","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/commonjs/utils/getStyledSystemPropsAndRestProps.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyledSystemPropsAndRestProps = void 0;
+
+var _styledSystem = require("../theme/styled-system");
+
+/**
+ * Common Logic Sharing between useSx and useStyledSystemPropResolver
+ * @param props
+ * @returns { styledSystemProps, restProps }
+ */
+const getStyledSystemPropsAndRestProps = props => {
+  const styledSystemProps = {};
+  const restProps = {};
+
+  for (let key in props) {
+    if (key in _styledSystem.propConfig) {
+      styledSystemProps[key] = props[key];
+    } else {
+      restProps[key] = props[key];
+    }
+  }
+
+  return {
+    styledSystemProps,
+    restProps
+  };
+};
+
+exports.getStyledSystemPropsAndRestProps = getStyledSystemPropsAndRestProps;
+//# sourceMappingURL=getStyledSystemPropsAndRestProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getStyledSystemPropsAndRestProps.ts"],"names":["getStyledSystemPropsAndRestProps","props","styledSystemProps","restProps","key","propConfig"],"mappings":";;;;;;;AAAA;;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,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,IAAIC,wBAAX,EAAuB;AACrBH,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"]}

package/lib/commonjs/utils/getUnit.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUnit = void 0;
+
+const getUnit = str => {
+  var units = ''; // Percentage
+
+  if (str.endsWith('%')) {
+    units = '%';
+    return units;
+  } // Absolute Units
+
+
+  if (str.endsWith('px')) {
+    units = 'px';
+    return units;
+  }
+
+  if (str.endsWith('cm')) {
+    units = 'cm';
+    return units;
+  }
+
+  if (str.endsWith('mm')) {
+    units = 'mm';
+    return units;
+  }
+
+  if (str.endsWith('Q')) {
+    units = 'Q';
+    return units;
+  }
+
+  if (str.endsWith('in')) {
+    units = 'in';
+    return units;
+  }
+
+  if (str.endsWith('pc')) {
+    units = 'pc';
+    return units;
+  }
+
+  if (str.endsWith('pt')) {
+    units = 'pt';
+    return units;
+  } // Relative Units
+
+
+  if (str.endsWith('em')) {
+    units = 'em';
+    return units;
+  }
+
+  if (str.endsWith('ex')) {
+    units = 'ex';
+    return units;
+  }
+
+  if (str.endsWith('ch')) {
+    units = 'ch';
+    return units;
+  }
+
+  if (str.endsWith('rem')) {
+    units = 'rem';
+    return units;
+  }
+
+  if (str.endsWith('lh')) {
+    units = 'lh';
+    return units;
+  }
+
+  if (str.endsWith('vw')) {
+    units = 'vw';
+    return units;
+  }
+
+  if (str.endsWith('vh')) {
+    units = 'vh';
+    return units;
+  }
+
+  if (str.endsWith('vmin')) {
+    units = 'vmin';
+    return units;
+  }
+
+  if (str.endsWith('vmax')) {
+    units = 'vmax';
+    return units;
+  }
+
+  return 'px';
+};
+
+exports.getUnit = getUnit;
+//# sourceMappingURL=getUnit.js.map

package/lib/commonjs/utils/getUnit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getUnit.ts"],"names":["getUnit","str","units","endsWith"],"mappings":";;;;;;;AAAO,MAAMA,OAAO,GAAIC,GAAD,IAAiB;AACtC,MAAIC,KAAa,GAAG,EAApB,CADsC,CAGtC;;AACA,MAAID,GAAG,CAACE,QAAJ,CAAa,GAAb,CAAJ,EAAuB;AACrBD,IAAAA,KAAK,GAAG,GAAR;AACA,WAAOA,KAAP;AACD,GAPqC,CAStC;;;AACA,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,GAAb,CAAJ,EAAuB;AACrBD,IAAAA,KAAK,GAAG,GAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD,GArCqC,CAuCtC;;;AACA,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,KAAb,CAAJ,EAAyB;AACvBD,IAAAA,KAAK,GAAG,KAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,IAAb,CAAJ,EAAwB;AACtBD,IAAAA,KAAK,GAAG,IAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,MAAb,CAAJ,EAA0B;AACxBD,IAAAA,KAAK,GAAG,MAAR;AACA,WAAOA,KAAP;AACD;;AACD,MAAID,GAAG,CAACE,QAAJ,CAAa,MAAb,CAAJ,EAA0B;AACxBD,IAAAA,KAAK,GAAG,MAAR;AACA,WAAOA,KAAP;AACD;;AACD,SAAO,IAAP;AACD,CA7EM","sourcesContent":["export const getUnit = (str: string) => {\r\n  var units: string = '';\r\n\r\n  // Percentage\r\n  if (str.endsWith('%')) {\r\n    units = '%';\r\n    return units;\r\n  }\r\n\r\n  // Absolute Units\r\n  if (str.endsWith('px')) {\r\n    units = 'px';\r\n    return units;\r\n  }\r\n  if (str.endsWith('cm')) {\r\n    units = 'cm';\r\n    return units;\r\n  }\r\n  if (str.endsWith('mm')) {\r\n    units = 'mm';\r\n    return units;\r\n  }\r\n  if (str.endsWith('Q')) {\r\n    units = 'Q';\r\n    return units;\r\n  }\r\n  if (str.endsWith('in')) {\r\n    units = 'in';\r\n    return units;\r\n  }\r\n  if (str.endsWith('pc')) {\r\n    units = 'pc';\r\n    return units;\r\n  }\r\n  if (str.endsWith('pt')) {\r\n    units = 'pt';\r\n    return units;\r\n  }\r\n\r\n  // Relative Units\r\n  if (str.endsWith('em')) {\r\n    units = 'em';\r\n    return units;\r\n  }\r\n  if (str.endsWith('ex')) {\r\n    units = 'ex';\r\n    return units;\r\n  }\r\n  if (str.endsWith('ch')) {\r\n    units = 'ch';\r\n    return units;\r\n  }\r\n  if (str.endsWith('rem')) {\r\n    units = 'rem';\r\n    return units;\r\n  }\r\n  if (str.endsWith('lh')) {\r\n    units = 'lh';\r\n    return units;\r\n  }\r\n  if (str.endsWith('vw')) {\r\n    units = 'vw';\r\n    return units;\r\n  }\r\n  if (str.endsWith('vh')) {\r\n    units = 'vh';\r\n    return units;\r\n  }\r\n  if (str.endsWith('vmin')) {\r\n    units = 'vmin';\r\n    return units;\r\n  }\r\n  if (str.endsWith('vmax')) {\r\n    units = 'vmax';\r\n    return units;\r\n  }\r\n  return 'px';\r\n};\r\n"]}

package/lib/commonjs/utils/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getSpacedChildren", {
+  enumerable: true,
+  get: function () {
+    return _getSpacedChildren.default;
+  }
+});
+Object.defineProperty(exports, "getAbsoluteChildren", {
+  enumerable: true,
+  get: function () {
+    return _getAbsoluteChildren.default;
+  }
+});
+Object.defineProperty(exports, "getAttachedChildren", {
+  enumerable: true,
+  get: function () {
+    return _getAttachedChildren.default;
+  }
+});
+Object.defineProperty(exports, "addTextAndPropsToStrings", {
+  enumerable: true,
+  get: function () {
+    return _addTextAndPropsToStrings.addTextAndPropsToStrings;
+  }
+});
+Object.defineProperty(exports, "canUseDom", {
+  enumerable: true,
+  get: function () {
+    return _canUseDom.canUseDom;
+  }
+});
+Object.defineProperty(exports, "mergeRefs", {
+  enumerable: true,
+  get: function () {
+    return _mergeRefs.mergeRefs;
+  }
+});
+Object.defineProperty(exports, "composeEventHandlers", {
+  enumerable: true,
+  get: function () {
+    return _mergeRefs.composeEventHandlers;
+  }
+});
+Object.defineProperty(exports, "wrapStringChild", {
+  enumerable: true,
+  get: function () {
+    return _wrapStringChild.wrapStringChild;
+  }
+});
+Object.defineProperty(exports, "combineContextAndProps", {
+  enumerable: true,
+  get: function () {
+    return _combineContextAndProps.combineContextAndProps;
+  }
+});
+Object.defineProperty(exports, "ariaAttr", {
+  enumerable: true,
+  get: function () {
+    return _accessibilityUtils.ariaAttr;
+  }
+});
+Object.defineProperty(exports, "createContext", {
+  enumerable: true,
+  get: function () {
+    return _createContext.createContext;
+  }
+});
+Object.defineProperty(exports, "useKeyboardBottomInset", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardBottomInset.useKeyboardBottomInset;
+  }
+});
+Object.defineProperty(exports, "isEmptyObj", {
+  enumerable: true,
+  get: function () {
+    return _isEmptyObj.isEmptyObj;
+  }
+});
+Object.defineProperty(exports, "resolveStackStyleInput", {
+  enumerable: true,
+  get: function () {
+    return _resolveStackStyleInput.resolveStackStyleInput;
+  }
+});
+Object.defineProperty(exports, "getStyleElement", {
+  enumerable: true,
+  get: function () {
+    return _useResponsiveQuery.getStyleElement;
+  }
+});
+
+var _getSpacedChildren = _interopRequireDefault(require("./getSpacedChildren"));
+
+var _getAbsoluteChildren = _interopRequireDefault(require("./getAbsoluteChildren"));
+
+var _getAttachedChildren = _interopRequireDefault(require("./getAttachedChildren"));
+
+var _addTextAndPropsToStrings = require("./addTextAndPropsToStrings");
+
+var _canUseDom = require("./canUseDom");
+
+var _mergeRefs = require("./mergeRefs");
+
+var _wrapStringChild = require("./wrapStringChild");
+
+var _combineContextAndProps = require("./combineContextAndProps");
+
+var _accessibilityUtils = require("./accessibilityUtils");
+
+var _createContext = require("./createContext");
+
+var _useKeyboardBottomInset = require("./useKeyboardBottomInset");
+
+var _isEmptyObj = require("./isEmptyObj");
+
+var _resolveStackStyleInput = require("./resolveStackStyleInput");
+
+var _useResponsiveQuery = require("./useResponsiveQuery/useResponsiveQuery");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAUA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import getSpacedChildren from './getSpacedChildren';\r\nimport getAbsoluteChildren from './getAbsoluteChildren';\r\nimport getAttachedChildren from './getAttachedChildren';\r\nimport { addTextAndPropsToStrings } from './addTextAndPropsToStrings';\r\nimport { canUseDom } from './canUseDom';\r\nimport { mergeRefs, composeEventHandlers } from './mergeRefs';\r\nexport {\r\n  getSpacedChildren,\r\n  getAbsoluteChildren,\r\n  getAttachedChildren,\r\n  addTextAndPropsToStrings,\r\n  canUseDom,\r\n  mergeRefs,\r\n  composeEventHandlers,\r\n};\r\nexport { wrapStringChild } from './wrapStringChild';\r\nexport { combineContextAndProps } from './combineContextAndProps';\r\nexport type { IAccessibilityProps } from './accessibilityTypes';\r\nexport { ariaAttr } from './accessibilityUtils';\r\nexport { createContext } from './createContext';\r\nexport { useKeyboardBottomInset } from './useKeyboardBottomInset';\r\nexport { isEmptyObj } from './isEmptyObj';\r\nexport { resolveStackStyleInput } from './resolveStackStyleInput';\r\nexport { getStyleElement } from './useResponsiveQuery/useResponsiveQuery';\r\n"]}

package/lib/commonjs/utils/isEmptyObj.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEmptyObj = isEmptyObj;
+
+function isEmptyObj(obj) {
+  for (var _x in obj) {
+    return false;
+  }
+
+  return true;
+}
+//# sourceMappingURL=isEmptyObj.js.map

package/lib/commonjs/utils/isEmptyObj.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isEmptyObj.ts"],"names":["isEmptyObj","obj","_x"],"mappings":";;;;;;;AAAO,SAASA,UAAT,CAAoBC,GAApB,EAAiC;AACtC,OAAK,IAAIC,EAAT,IAAeD,GAAf,EAAoB;AAClB,WAAO,KAAP;AACD;;AACD,SAAO,IAAP;AACD","sourcesContent":["export function isEmptyObj(obj: Object) {\r\n  for (var _x in obj) {\r\n    return false;\r\n  }\r\n  return true;\r\n}\r\n"]}