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

package/lib/commonjs/components/composites/AppBar/AppBarLeft.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const AppBarLeft = props => {
+  const {
+    color
+  } = (0, _hooks.useThemeProps)('AppBar', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.HStack, _extends({
+    alignItems: "center",
+    _text: {
+      color
+    }
+  }, props));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(AppBarLeft);
+
+exports.default = _default;
+//# sourceMappingURL=AppBarLeft.js.map

package/lib/commonjs/components/composites/AppBar/AppBarLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBarLeft.tsx"],"names":["AppBarLeft","props","color","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAIC,KAAD,IAAwB;AACzC,QAAM;AAAEC,IAAAA;AAAF,MAAY,0BAAc,QAAd,EAAwBD,KAAxB,CAAlB,CADyC,CAEzC;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,kBAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF;AAAnC,KAAkDD,KAAlD,EAAP;AACD,CAPD;;4BASeE,eAAMC,IAAN,CAAWJ,UAAX,C","sourcesContent":["import React from 'react';\r\nimport { HStack, IStackProps } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AppBarLeft = (props: IStackProps) => {\r\n  const { color } = useThemeProps('AppBar', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <HStack alignItems=\"center\" _text={{ color }} {...props} />;\r\n};\r\n\r\nexport default React.memo(AppBarLeft);\r\n"]}

package/lib/commonjs/components/composites/AppBar/AppBarRight.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const AppBarRight = props => {
+  const {
+    color
+  } = (0, _hooks.useThemeProps)('AppBar', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.HStack, _extends({
+    alignItems: "center",
+    justifyContent: "flex-end",
+    _text: {
+      color
+    }
+  }, props));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(AppBarRight);
+
+exports.default = _default;
+//# sourceMappingURL=AppBarRight.js.map

package/lib/commonjs/components/composites/AppBar/AppBarRight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppBarRight.tsx"],"names":["AppBarRight","props","color","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAIC,KAAD,IAAwB;AAC1C,QAAM;AAAEC,IAAAA;AAAF,MAAY,0BAAc,QAAd,EAAwBD,KAAxB,CAAlB,CAD0C,CAE1C;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,kBAAD;AACE,IAAA,UAAU,EAAC,QADb;AAEE,IAAA,cAAc,EAAC,UAFjB;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA;AADK;AAHT,KAMMD,KANN,EADF;AAUD,CAhBD;;4BAkBeE,eAAMC,IAAN,CAAWJ,WAAX,C","sourcesContent":["import React from 'react';\r\nimport { HStack, IStackProps } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AppBarRight = (props: IStackProps) => {\r\n  const { color } = useThemeProps('AppBar', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <HStack\r\n      alignItems=\"center\"\r\n      justifyContent=\"flex-end\"\r\n      _text={{\r\n        color,\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default React.memo(AppBarRight);\r\n"]}

package/lib/commonjs/components/composites/AppBar/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppBar = void 0;
+
+var _AppBar = _interopRequireDefault(require("./AppBar"));
+
+var _AppBarLeft = _interopRequireDefault(require("./AppBarLeft"));
+
+var _AppBarRight = _interopRequireDefault(require("./AppBarRight"));
+
+var _AppBarContent = _interopRequireDefault(require("./AppBarContent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AppBarTemp = _AppBar.default;
+AppBarTemp.Left = _AppBarLeft.default;
+AppBarTemp.Right = _AppBarRight.default;
+AppBarTemp.Content = _AppBarContent.default;
+const AppBar = AppBarTemp;
+exports.AppBar = AppBar;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/AppBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AppBarTemp","AppBarMain","Left","AppBarLeft","Right","AppBarRight","Content","AppBarContent","AppBar"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,UAAe,GAAGC,eAAxB;AACAD,UAAU,CAACE,IAAX,GAAkBC,mBAAlB;AACAH,UAAU,CAACI,KAAX,GAAmBC,oBAAnB;AACAL,UAAU,CAACM,OAAX,GAAqBC,sBAArB;AAEA,MAAMC,MAAM,GAAGR,UAAf","sourcesContent":["import AppBarMain from './AppBar';\r\nimport AppBarLeft from './AppBarLeft';\r\nimport AppBarRight from './AppBarRight';\r\nimport AppBarContent from './AppBarContent';\r\nimport type { IAppBarComponentType } from './types';\r\n\r\nconst AppBarTemp: any = AppBarMain;\r\nAppBarTemp.Left = AppBarLeft;\r\nAppBarTemp.Right = AppBarRight;\r\nAppBarTemp.Content = AppBarContent;\r\n\r\nconst AppBar = AppBarTemp as IAppBarComponentType;\r\n\r\nexport { AppBar };\r\nexport type { IAppBarProps } from './types';\r\n"]}

package/lib/commonjs/components/composites/AppBar/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/AppBar/types.js.map

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

package/lib/commonjs/components/composites/AppBar/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.APPROX_STATUSBAR_HEIGHT = void 0;
+
+var _reactNative = require("react-native");
+
+// import Constants from 'expo-constants';
+// @ts-ignore
+// const expo = global.__expo;
+const IOS_STATUS_BAR_HEIGHT = 20;
+const DEFAULT_STATUSBAR_HEIGHT_EXPO = 0; // https://docs.expo.io/versions/latest/sdk/constants/
+// Try to get height from expo if app is using expo env
+// IOS >= 11 is handled using SafeAreaView
+
+const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
+  android: DEFAULT_STATUSBAR_HEIGHT_EXPO ? DEFAULT_STATUSBAR_HEIGHT_EXPO : _reactNative.StatusBar.currentHeight,
+  ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO ? DEFAULT_STATUSBAR_HEIGHT_EXPO : IOS_STATUS_BAR_HEIGHT : 0
+});
+
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/components/composites/AppBar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["IOS_STATUS_BAR_HEIGHT","DEFAULT_STATUSBAR_HEIGHT_EXPO","APPROX_STATUSBAR_HEIGHT","Platform","select","android","StatusBar","currentHeight","ios","Version"],"mappings":";;;;;;;AAAA;;AACA;AACA;AACA;AAEA,MAAMA,qBAAqB,GAAG,EAA9B;AAEA,MAAMC,6BAA6B,GAAG,CAAtC,C,CAEA;AACA;AACA;;AACO,MAAMC,uBAAuB,GAAGC,sBAASC,MAAT,CAAgB;AACrDC,EAAAA,OAAO,EAAEJ,6BAA6B,GAClCA,6BADkC,GAElCK,uBAAUC,aAHuC;AAIrDC,EAAAA,GAAG,EACDL,sBAASM,OAAT,GAAmB,EAAnB,GACIR,6BAA6B,GAC3BA,6BAD2B,GAE3BD,qBAHN,GAII;AAT+C,CAAhB,CAAhC","sourcesContent":["import { Platform, StatusBar } from 'react-native';\r\n// import Constants from 'expo-constants';\r\n// @ts-ignore\r\n// const expo = global.__expo;\r\n\r\nconst IOS_STATUS_BAR_HEIGHT = 20;\r\n\r\nconst DEFAULT_STATUSBAR_HEIGHT_EXPO = 0;\r\n\r\n// https://docs.expo.io/versions/latest/sdk/constants/\r\n// Try to get height from expo if app is using expo env\r\n// IOS >= 11 is handled using SafeAreaView\r\nexport const APPROX_STATUSBAR_HEIGHT = Platform.select({\r\n  android: DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n    ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n    : StatusBar.currentHeight,\r\n  ios:\r\n    Platform.Version < 11\r\n      ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n        ? DEFAULT_STATUSBAR_HEIGHT_EXPO\r\n        : IOS_STATUS_BAR_HEIGHT\r\n      : 0,\r\n});\r\n"]}

package/lib/commonjs/components/composites/AspectRatio/index.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _hooks = require("../../../hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const AspectView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const [layout, setLayout] = _react.default.useState();
+
+  const aspectViewStyle = [_reactNative.StyleSheet.flatten(props.style) || {}];
+
+  if (layout) {
+    // @ts-ignore
+    let {
+      width = 0,
+      height = 0
+    } = layout;
+
+    if (width === 0) {
+      aspectViewStyle.push({
+        width: height * props.aspectRatio,
+        height
+      });
+    } else {
+      aspectViewStyle.push({
+        width,
+        height: width / props.aspectRatio
+      });
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    ref: ref
+  }, props, {
+    style: aspectViewStyle,
+    onLayout: ({
+      nativeEvent: {
+        layout: inLayout
+      }
+    }) => setLayout(inLayout)
+  }));
+});
+
+const AspectRatio = (props, ref) => {
+  var _children$props;
+
+  const {
+    ratio,
+    children = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null),
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('AspectRatio', props, {}, {
+    resolveResponsively: ['ratio']
+  });
+  let computedStyle = resolvedProps.style;
+
+  const newChildWithProps = /*#__PURE__*/_react.default.cloneElement(children, { ...(children === null || children === void 0 ? void 0 : children.props),
+    style: _reactNative.StyleSheet.absoluteFillObject
+  }, children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(resolvedProps)) {
+    return null;
+  } // DOC:  It uses a aspectRatio property of React Native and manually calculate on Web
+
+
+  if (_reactNative.Platform.OS === 'web') {
+    return /*#__PURE__*/_react.default.createElement(AspectView, _extends({
+      aspectRatio: ratio
+    }, resolvedProps, {
+      ref: ref
+    }), newChildWithProps);
+  } else {
+    computedStyle = _reactNative.StyleSheet.flatten([{
+      style: resolvedProps.style
+    }, {
+      aspectRatio: ratio
+    }]);
+    return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+      style: computedStyle,
+      ref: ref
+    }), newChildWithProps);
+  }
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(AspectRatio));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/AspectRatio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AspectView","props","ref","layout","setLayout","React","useState","aspectViewStyle","StyleSheet","flatten","style","width","height","push","aspectRatio","nativeEvent","inLayout","AspectRatio","ratio","children","resolvedProps","resolveResponsively","computedStyle","newChildWithProps","cloneElement","absoluteFillObject","Platform","OS"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,UAAU,gBAAG,uBAAW,CAACC,KAAD,EAAaC,GAAb,KAA2B;AACvD,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,EAA5B;;AACA,QAAMC,eAAe,GAAG,CAACC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EAApC,CAAxB;;AACA,MAAIP,MAAJ,EAAY;AACV;AACA,QAAI;AAAEQ,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BT,MAAhC;;AACA,QAAIQ,KAAK,KAAK,CAAd,EAAiB;AACfJ,MAAAA,eAAe,CAACM,IAAhB,CAAqB;AAAEF,QAAAA,KAAK,EAAEC,MAAM,GAAGX,KAAK,CAACa,WAAxB;AAAqCF,QAAAA;AAArC,OAArB;AACD,KAFD,MAEO;AACLL,MAAAA,eAAe,CAACM,IAAhB,CAAqB;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,GAAGV,KAAK,CAACa;AAA/B,OAArB;AACD;AACF;;AAED,sBACE,6BAAC,YAAD;AACE,IAAA,GAAG,EAAEZ;AADP,KAEMD,KAFN;AAGE,IAAA,KAAK,EAAEM,eAHT;AAIE,IAAA,QAAQ,EAAE,CAAC;AAAEQ,MAAAA,WAAW,EAAE;AAAEZ,QAAAA,MAAM,EAAEa;AAAV;AAAf,KAAD,KACRZ,SAAS,CAACY,QAAD;AALb,KADF;AAUD,CAvBkB,CAAnB;;AAyBA,MAAMC,WAAW,GAAG,CAAChB,KAAD,EAA2BC,GAA3B,KAAyC;AAAA;;AAC3D,QAAM;AAAEgB,IAAAA,KAAF;AAASC,IAAAA,QAAQ,gBAAG,2DAApB;AAA2B,OAAGC;AAA9B,MAAgD,+BACpD,aADoD,EAEpDnB,KAFoD,EAGpD,EAHoD,EAIpD;AAAEoB,IAAAA,mBAAmB,EAAE,CAAC,OAAD;AAAvB,GAJoD,CAAtD;AAMA,MAAIC,aAAoC,GAAGF,aAAa,CAACV,KAAzD;;AACA,QAAMa,iBAAiB,gBAAGlB,eAAMmB,YAAN,CACxBL,QADwB,EAExB,EACE,IAAGA,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAElB,KAAb,CADF;AAEES,IAAAA,KAAK,EAAEF,wBAAWiB;AAFpB,GAFwB,EAMxBN,QANwB,aAMxBA,QANwB,0CAMxBA,QAAQ,CAAElB,KANc,oDAMxB,gBAAiBkB,QANO,CAA1B,CAR2D,CAiB3D;;;AACA,MAAI,kDAAsBC,aAAtB,CAAJ,EAA0C;AACxC,WAAO,IAAP;AACD,GApB0D,CAqB3D;;;AACA,MAAIM,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB,wBACE,6BAAC,UAAD;AAAY,MAAA,WAAW,EAAET;AAAzB,OAAoCE,aAApC;AAAmD,MAAA,GAAG,EAAElB;AAAxD,QACGqB,iBADH,CADF;AAKD,GAND,MAMO;AACLD,IAAAA,aAAa,GAAGd,wBAAWC,OAAX,CAAmB,CACjC;AAAEC,MAAAA,KAAK,EAAEU,aAAa,CAACV;AAAvB,KADiC,EAEjC;AAAEI,MAAAA,WAAW,EAAEI;AAAf,KAFiC,CAAnB,CAAhB;AAIA,wBACE,6BAAC,YAAD,eAASE,aAAT;AAAwB,MAAA,KAAK,EAAEE,aAA/B;AAA8C,MAAA,GAAG,EAAEpB;AAAnD,QACGqB,iBADH,CADF;AAKD;AACF,CAvCD;;4BAyCe,+BAAK,uBAAWN,WAAX,CAAL,C","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { StyleSheet, ViewStyle, Platform } from 'react-native';\r\nimport { default as Box } from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { IAspectRatioProps } from './types';\r\n\r\nconst AspectView = forwardRef((props: any, ref?: any) => {\r\n  const [layout, setLayout] = React.useState();\r\n  const aspectViewStyle = [StyleSheet.flatten(props.style) || {}];\r\n  if (layout) {\r\n    // @ts-ignore\r\n    let { width = 0, height = 0 } = layout;\r\n    if (width === 0) {\r\n      aspectViewStyle.push({ width: height * props.aspectRatio, height });\r\n    } else {\r\n      aspectViewStyle.push({ width, height: width / props.aspectRatio });\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      ref={ref}\r\n      {...props}\r\n      style={aspectViewStyle}\r\n      onLayout={({ nativeEvent: { layout: inLayout } }: any) =>\r\n        setLayout(inLayout)\r\n      }\r\n    />\r\n  );\r\n});\r\n\r\nconst AspectRatio = (props: IAspectRatioProps, ref?: any) => {\r\n  const { ratio, children = <></>, ...resolvedProps } = usePropsResolution(\r\n    'AspectRatio',\r\n    props,\r\n    {},\r\n    { resolveResponsively: ['ratio'] }\r\n  );\r\n  let computedStyle: ViewStyle | undefined = resolvedProps.style;\r\n  const newChildWithProps = React.cloneElement(\r\n    children,\r\n    {\r\n      ...children?.props,\r\n      style: StyleSheet.absoluteFillObject,\r\n    },\r\n    children?.props?.children\r\n  );\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(resolvedProps)) {\r\n    return null;\r\n  }\r\n  // DOC:  It uses a aspectRatio property of React Native and manually calculate on Web\r\n  if (Platform.OS === 'web') {\r\n    return (\r\n      <AspectView aspectRatio={ratio} {...resolvedProps} ref={ref}>\r\n        {newChildWithProps}\r\n      </AspectView>\r\n    );\r\n  } else {\r\n    computedStyle = StyleSheet.flatten([\r\n      { style: resolvedProps.style },\r\n      { aspectRatio: ratio },\r\n    ]);\r\n    return (\r\n      <Box {...resolvedProps} style={computedStyle} ref={ref}>\r\n        {newChildWithProps}\r\n      </Box>\r\n    );\r\n  }\r\n};\r\n\r\nexport default memo(forwardRef(AspectRatio));\r\n"]}

package/lib/commonjs/components/composites/AspectRatio/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/AspectRatio/types.js.map

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

package/lib/commonjs/components/composites/Avatar/Avatar.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _lodash = _interopRequireDefault(require("lodash.isnil"));
+
+var _lodash2 = _interopRequireDefault(require("lodash.has"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Avatar = ({
+  children,
+  ...props
+}, ref) => {
+  const [error, setError] = _react.default.useState(false);
+
+  const {
+    _image,
+    _badgeSize,
+    source,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Avatar', props);
+
+  let Badge = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+
+  const remainingChildren = []; //  Pop Badge from children
+
+  _react.default.Children.map(children, child => {
+    if (typeof (child === null || child === void 0 ? void 0 : child.type) === 'object' && (child === null || child === void 0 ? void 0 : child.type.displayName) === 'AvatarBadge') {
+      var _child$props, _child$props2;
+
+      Badge = /*#__PURE__*/_react.default.cloneElement(child, {
+        size: child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.size ? child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.size : _badgeSize ? _badgeSize[0] : undefined
+      });
+    } else {
+      remainingChildren.push(child);
+    }
+  }); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  const getSource = () => {
+    if (source) {
+      if ((0, _lodash2.default)(source, 'uri') && !(0, _lodash.default)(source.uri)) {
+        return source;
+      } else if (!(0, _lodash2.default)(source, 'uri')) {
+        return source;
+      }
+    }
+
+    return null;
+  };
+
+  const imageSource = getSource();
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, resolvedProps, imageSource && !error ? /*#__PURE__*/_react.default.createElement(_primitives.Image, _extends({
+    source: source,
+    onError: () => {
+      setError(true);
+    }
+  }, _image, {
+    ref: ref
+  })) : remainingChildren.length !== 0 && remainingChildren, Badge);
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Avatar));
+
+exports.default = _default;
+//# sourceMappingURL=Avatar.js.map

package/lib/commonjs/components/composites/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Avatar.tsx"],"names":["Avatar","children","props","ref","error","setError","React","useState","_image","_badgeSize","source","resolvedProps","Badge","remainingChildren","Children","map","child","type","displayName","cloneElement","size","undefined","push","getSource","uri","imageSource","length"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAuCC,GAAvC,KAAoD;AACjE,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBC,eAAMC,QAAN,CAAe,KAAf,CAA1B;;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,UAAV;AAAsBC,IAAAA,MAAtB;AAA8B,OAAGC;AAAjC,MAAmD,uCACvD,QADuD,EAEvDT,KAFuD,CAAzD;;AAKA,MAAIU,KAAK,gBAAG,2DAAZ;;AACA,QAAMC,iBAAgC,GAAG,EAAzC,CARiE,CASjE;;AACAP,iBAAMQ,QAAN,CAAeC,GAAf,CAAmBd,QAAnB,EAA8Be,KAAD,IAAW;AACtC,QACE,QAAOA,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,IAAd,MAAuB,QAAvB,IACA,CAAAD,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,CAAYC,WAAZ,MAA4B,aAF9B,EAGE;AAAA;;AACAN,MAAAA,KAAK,gBAAGN,eAAMa,YAAN,CAAmBH,KAAnB,EAA0B;AAChCI,QAAAA,IAAI,EAAEJ,KAAK,SAAL,IAAAA,KAAK,WAAL,oBAAAA,KAAK,CAAEd,KAAP,sDAAckB,IAAd,GACFJ,KADE,aACFA,KADE,wCACFA,KAAK,CAAEd,KADL,kDACF,cAAckB,IADZ,GAEFX,UAAU,GACVA,UAAU,CAAC,CAAD,CADA,GAEVY;AAL4B,OAA1B,CAAR;AAOD,KAXD,MAWO;AACLR,MAAAA,iBAAiB,CAACS,IAAlB,CAAuBN,KAAvB;AACD;AACF,GAfD,EAViE,CA2BjE;;;AACA,MAAI,kDAAsBd,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,QAAMqB,SAAS,GAAG,MAAM;AACtB,QAAIb,MAAJ,EAAY;AACV,UAAI,sBAAIA,MAAJ,EAAY,KAAZ,KAAsB,CAAC,qBAAMA,MAAM,CAACc,GAAb,CAA3B,EAA8C;AAC5C,eAAOd,MAAP;AACD,OAFD,MAEO,IAAI,CAAC,sBAAIA,MAAJ,EAAY,KAAZ,CAAL,EAAyB;AAC9B,eAAOA,MAAP;AACD;AACF;;AACD,WAAO,IAAP;AACD,GATD;;AAUA,QAAMe,WAAW,GAAGF,SAAS,EAA7B;AAEA,sBACE,6BAAC,eAAD,EAASZ,aAAT,EACGc,WAAW,IAAI,CAACrB,KAAhB,gBACC,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAEM,MADV;AAEE,IAAA,OAAO,EAAE,MAAM;AACbL,MAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AAJH,KAKMG,MALN;AAME,IAAA,GAAG,EAAEL;AANP,KADD,GAUCU,iBAAiB,CAACa,MAAlB,KAA6B,CAA7B,IAAkCb,iBAXtC,EAaGD,KAbH,CADF;AAiBD,CA7DD;;4BA+De,+BAAK,uBAAWZ,MAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box, Image } from '../../primitives';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IAvatarProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport isNil from 'lodash.isnil';\r\nimport has from 'lodash.has';\r\n\r\nconst Avatar = ({ children, ...props }: IAvatarProps, ref: any) => {\r\n  const [error, setError] = React.useState(false);\r\n  const { _image, _badgeSize, source, ...resolvedProps } = usePropsResolution(\r\n    'Avatar',\r\n    props\r\n  );\r\n\r\n  let Badge = <></>;\r\n  const remainingChildren: JSX.Element[] = [];\r\n  //  Pop Badge from children\r\n  React.Children.map(children, (child) => {\r\n    if (\r\n      typeof child?.type === 'object' &&\r\n      child?.type.displayName === 'AvatarBadge'\r\n    ) {\r\n      Badge = React.cloneElement(child, {\r\n        size: child?.props?.size\r\n          ? child?.props?.size\r\n          : _badgeSize\r\n          ? _badgeSize[0]\r\n          : undefined,\r\n      });\r\n    } else {\r\n      remainingChildren.push(child);\r\n    }\r\n  });\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  const getSource = () => {\r\n    if (source) {\r\n      if (has(source, 'uri') && !isNil(source.uri)) {\r\n        return source;\r\n      } else if (!has(source, 'uri')) {\r\n        return source;\r\n      }\r\n    }\r\n    return null;\r\n  };\r\n  const imageSource = getSource();\r\n\r\n  return (\r\n    <Box {...resolvedProps}>\r\n      {imageSource && !error ? (\r\n        <Image\r\n          source={source}\r\n          onError={() => {\r\n            setError(true);\r\n          }}\r\n          {..._image}\r\n          ref={ref}\r\n        />\r\n      ) : (\r\n        remainingChildren.length !== 0 && remainingChildren\r\n      )}\r\n      {Badge}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Avatar));\r\n"]}

package/lib/commonjs/components/composites/Avatar/Badge.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const AvatarBadge = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('AvatarBadge', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+}));
+AvatarBadge.displayName = 'AvatarBadge';
+var _default = AvatarBadge;
+exports.default = _default;
+//# sourceMappingURL=Badge.js.map

package/lib/commonjs/components/composites/Avatar/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Badge.tsx"],"names":["AvatarBadge","props","ref","resolvedProps","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,WAAW,gBAAG,+BAClB,uBAAW,CAACC,KAAD,EAA2BC,GAA3B,KAAyC;AAClD,QAAMC,aAAa,GAAG,uCAAmB,aAAnB,EAAkCF,KAAlC,CAAtB,CADkD,CAElD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,KAAP;AACD,CAPD,CADkB,CAApB;AAWAF,WAAW,CAACI,WAAZ,GAA0B,aAA1B;eACeJ,W","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IAvatarBadgeProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AvatarBadge = memo(\r\n  forwardRef((props: IAvatarBadgeProps, ref?: any) => {\r\n    const resolvedProps = usePropsResolution('AvatarBadge', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return <Box {...resolvedProps} ref={ref} />;\r\n  })\r\n);\r\n\r\nAvatarBadge.displayName = 'AvatarBadge';\r\nexport default AvatarBadge as (props: IAvatarBadgeProps, ref?: any) => any;\r\n"]}

package/lib/commonjs/components/composites/Avatar/Group.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _lodash = _interopRequireDefault(require("lodash.isnil"));
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+// Todo: Try using HStack instead
+const getAvatarGroupChildren = (children, space, max, _hiddenAvatarPlaceholder, _avatar, isVertical) => {
+  let childrenArray = _react.default.Children.toArray(children);
+
+  let plusAvatars = 0;
+
+  if (!(0, _lodash.default)(max) && max < childrenArray.length && max > 0) {
+    plusAvatars = childrenArray.length - max;
+    childrenArray = childrenArray.slice(0, max);
+  }
+
+  const spacingProps = {
+    ml: isVertical ? 0 : space,
+    mt: isVertical ? space : 0
+  };
+  return [plusAvatars > 0 ? /*#__PURE__*/_react.default.createElement(_Avatar.default, _extends({
+    key: "avatar-group-wrapper"
+  }, spacingProps, _avatar, _hiddenAvatarPlaceholder), '+ ' + plusAvatars) : null, _react.default.Children.map(childrenArray.reverse(), (child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      key: "avatar-group-child-".concat(index),
+      ..._avatar,
+      ...spacingProps,
+      ...child.props
+    }, child.props.children);
+  })];
+};
+
+const AvatarGroup = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    max,
+    _avatar,
+    _hiddenAvatarPlaceholder,
+    isVertical,
+    space,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('AvatarGroup', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref
+  }), getAvatarGroupChildren(children, space, max, _hiddenAvatarPlaceholder, _avatar, isVertical));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(AvatarGroup));
+
+exports.default = _default;
+//# sourceMappingURL=Group.js.map

package/lib/commonjs/components/composites/Avatar/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Group.tsx"],"names":["getAvatarGroupChildren","children","space","max","_hiddenAvatarPlaceholder","_avatar","isVertical","childrenArray","React","Children","toArray","plusAvatars","length","slice","spacingProps","ml","mt","map","reverse","child","index","cloneElement","key","props","AvatarGroup","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA;AAEA,MAAMA,sBAAsB,GAAG,CAC7BC,QAD6B,EAE7BC,KAF6B,EAG7BC,GAH6B,EAI7BC,wBAJ6B,EAK7BC,OAL6B,EAM7BC,UAN6B,KAO1B;AACH,MAAIC,aAAkB,GAAGC,eAAMC,QAAN,CAAeC,OAAf,CAAuBT,QAAvB,CAAzB;;AACA,MAAIU,WAAmB,GAAG,CAA1B;;AACA,MAAI,CAAC,qBAAMR,GAAN,CAAD,IAAeA,GAAG,GAAGI,aAAa,CAACK,MAAnC,IAA6CT,GAAG,GAAG,CAAvD,EAA0D;AACxDQ,IAAAA,WAAW,GAAGJ,aAAa,CAACK,MAAd,GAAuBT,GAArC;AACAI,IAAAA,aAAa,GAAGA,aAAa,CAACM,KAAd,CAAoB,CAApB,EAAuBV,GAAvB,CAAhB;AACD;;AACD,QAAMW,YAAY,GAAG;AACnBC,IAAAA,EAAE,EAAET,UAAU,GAAG,CAAH,GAAOJ,KADF;AAEnBc,IAAAA,EAAE,EAAEV,UAAU,GAAGJ,KAAH,GAAW;AAFN,GAArB;AAIA,SAAO,CACLS,WAAW,GAAG,CAAd,gBACE,6BAAC,eAAD;AACE,IAAA,GAAG,EAAC;AADN,KAEMG,YAFN,EAGMT,OAHN,EAIMD,wBAJN,GAMG,OAAOO,WANV,CADF,GASI,IAVC,EAWLH,eAAMC,QAAN,CAAeQ,GAAf,CAAmBV,aAAa,CAACW,OAAd,EAAnB,EAA4C,CAACC,KAAD,EAAaC,KAAb,KAA+B;AACzE,wBAAOZ,eAAMa,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,GAAG,+BAAwBF,KAAxB,CADL;AAEE,SAAGf,OAFL;AAGE,SAAGS,YAHL;AAIE,SAAGK,KAAK,CAACI;AAJX,KAFK,EAQLJ,KAAK,CAACI,KAAN,CAAYtB,QARP,CAAP;AAUD,GAXD,CAXK,CAAP;AAwBD,CA1CD;;AA4CA,MAAMuB,WAAW,GAAG,CAAC;AAAEvB,EAAAA,QAAF;AAAY,KAAGsB;AAAf,CAAD,EAA4CE,GAA5C,KAAyD;AAC3E,QAAM;AACJtB,IAAAA,GADI;AAEJE,IAAAA,OAFI;AAGJD,IAAAA,wBAHI;AAIJE,IAAAA,UAJI;AAKJJ,IAAAA,KALI;AAMJ,OAAGwB;AANC,MAOF,uCAAmB,aAAnB,EAAkCH,KAAlC,CAPJ,CAD2E,CAU3E;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eAASG,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,MACGzB,sBAAsB,CACrBC,QADqB,EAErBC,KAFqB,EAGrBC,GAHqB,EAIrBC,wBAJqB,EAKrBC,OALqB,EAMrBC,UANqB,CADzB,CADF;AAYD,CA1BD;;4BA4Be,+BAAK,uBAAWkB,WAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport isNil from 'lodash.isnil';\r\nimport type { IAvatarGroupProps } from './types';\r\nimport { default as Avatar } from './Avatar';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\n// Todo: Try using HStack instead\r\n\r\nconst getAvatarGroupChildren = (\r\n  children?: JSX.Element[] | JSX.Element,\r\n  space?: number,\r\n  max?: number,\r\n  _hiddenAvatarPlaceholder?: Object,\r\n  _avatar?: any,\r\n  isVertical?: Boolean\r\n) => {\r\n  let childrenArray: any = React.Children.toArray(children);\r\n  let plusAvatars: number = 0;\r\n  if (!isNil(max) && max < childrenArray.length && max > 0) {\r\n    plusAvatars = childrenArray.length - max;\r\n    childrenArray = childrenArray.slice(0, max);\r\n  }\r\n  const spacingProps = {\r\n    ml: isVertical ? 0 : space,\r\n    mt: isVertical ? space : 0,\r\n  };\r\n  return [\r\n    plusAvatars > 0 ? (\r\n      <Avatar\r\n        key=\"avatar-group-wrapper\"\r\n        {...spacingProps}\r\n        {..._avatar}\r\n        {..._hiddenAvatarPlaceholder}\r\n      >\r\n        {'+ ' + plusAvatars}\r\n      </Avatar>\r\n    ) : null,\r\n    React.Children.map(childrenArray.reverse(), (child: any, index: number) => {\r\n      return React.cloneElement(\r\n        child,\r\n        {\r\n          key: `avatar-group-child-${index}`,\r\n          ..._avatar,\r\n          ...spacingProps,\r\n          ...child.props,\r\n        },\r\n        child.props.children\r\n      );\r\n    }),\r\n  ];\r\n};\r\n\r\nconst AvatarGroup = ({ children, ...props }: IAvatarGroupProps, ref: any) => {\r\n  const {\r\n    max,\r\n    _avatar,\r\n    _hiddenAvatarPlaceholder,\r\n    isVertical,\r\n    space,\r\n    ...resolvedProps\r\n  } = usePropsResolution('AvatarGroup', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box {...resolvedProps} ref={ref}>\r\n      {getAvatarGroupChildren(\r\n        children,\r\n        space,\r\n        max,\r\n        _hiddenAvatarPlaceholder,\r\n        _avatar,\r\n        isVertical\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(AvatarGroup));\r\n"]}

package/lib/commonjs/components/composites/Avatar/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+var _Badge = _interopRequireDefault(require("./Badge"));
+
+var _Group = _interopRequireDefault(require("./Group"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let AvatarTemp = _Avatar.default;
+AvatarTemp.Badge = _Badge.default;
+AvatarTemp.Group = _Group.default; // To add typings
+
+const Avatar = AvatarTemp;
+exports.Avatar = Avatar;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AvatarTemp","AvatarDefault","Badge","AvatarBadge","Group","AvatarGroup","Avatar"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,IAAIA,UAAe,GAAGC,eAAtB;AACAD,UAAU,CAACE,KAAX,GAAmBC,cAAnB;AACAH,UAAU,CAACI,KAAX,GAAmBC,cAAnB,C,CAEA;;AACA,MAAMC,MAAM,GAAGN,UAAf","sourcesContent":["import AvatarDefault from './Avatar';\r\nimport AvatarBadge from './Badge';\r\nimport AvatarGroup from './Group';\r\nimport type { IAvatarComponentType } from './types';\r\n\r\nlet AvatarTemp: any = AvatarDefault;\r\nAvatarTemp.Badge = AvatarBadge;\r\nAvatarTemp.Group = AvatarGroup;\r\n\r\n// To add typings\r\nconst Avatar = AvatarTemp as IAvatarComponentType;\r\n\r\nexport { Avatar };\r\nexport type { IAvatarProps, IAvatarBadgeProps } from './types';\r\n"]}

package/lib/commonjs/components/composites/Avatar/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Avatar/types.js.map

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

package/lib/commonjs/components/composites/Backdrop/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Pressable = require("../../primitives/Pressable");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Backdrop = props => {
+  //TODO: refactor for responsive prop
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    _web: {
+      //@ts-ignore
+      cursor: 'default'
+    },
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    accessible: false,
+    importantForAccessibility: "no",
+    bg: props.bg || 'rgb(0, 0, 0)',
+    opacity: 0.3
+  }, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(Backdrop);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Backdrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Backdrop","props","cursor","bg"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,QAAQ,GAAIC,KAAD,IAA4B;AAC3C;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,oBAAD;AACE,IAAA,IAAI,EAAE;AACJ;AACAC,MAAAA,MAAM,EAAE;AAFJ,KADR;AAKE,IAAA,QAAQ,EAAC,UALX;AAME,IAAA,GAAG,EAAE,CANP;AAOE,IAAA,MAAM,EAAE,CAPV;AAQE,IAAA,IAAI,EAAE,CARR;AASE,IAAA,KAAK,EAAE,CATT;AAUE,IAAA,UAAU,EAAE,KAVd;AAWE,IAAA,yBAAyB,EAAC,IAX5B;AAYE,IAAA,EAAE,EAAED,KAAK,CAACE,EAAN,IAAY,cAZlB;AAaE,IAAA,OAAO,EAAE;AAbX,KAcMF,KAdN,EADF;AAkBD,CAvBD;;4BAyBe,iBAAKD,QAAL,C","sourcesContent":["import React, { memo } from 'react';\r\nimport { Pressable, IPressableProps } from '../../primitives/Pressable';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Backdrop = (props: IPressableProps) => {\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Pressable\r\n      _web={{\r\n        //@ts-ignore\r\n        cursor: 'default',\r\n      }}\r\n      position=\"absolute\"\r\n      top={0}\r\n      bottom={0}\r\n      left={0}\r\n      right={0}\r\n      accessible={false}\r\n      importantForAccessibility=\"no\"\r\n      bg={props.bg || 'rgb(0, 0, 0)'}\r\n      opacity={0.3}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(Backdrop);\r\n"]}