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

package/lib/module/components/primitives/List/ListItem.js

@@ -0,0 +1,175 @@
+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); }
+
+import React, { memo, forwardRef } from 'react';
+import Box from '../Box';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { mergeRefs } from '../../../utils';
+import { Pressable } from '../Pressable'; // import { useHover } from '@react-native-aria/interactions';
+
+import { extractInObject } from '../../../theme/tools';
+import { composeEventHandlers } from '../../../utils';
+import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ListItem = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    index,
+    start,
+    unordered,
+    ul,
+    ordered,
+    ol,
+    _text,
+    borderTopWidth,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = usePropsResolution('ListItem', props, {
+    isHovered,
+    isPressed,
+    isFocused
+  });
+
+  const _ref = React.useRef(null); // const { isHovered } = useHover({}, _ref);
+  //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  } // Extracting Pressable Props from resolvedProps
+
+
+  const [pressableComponentProps, nonPressableProps] = extractInObject(resolvedProps, ['onPress', 'unstable_pressDelay', 'android_ripple', 'android_disableSound', 'delayLongPress', 'hitSlop', 'disabled', 'onLongPress', 'onPressIn', 'onPressOut', 'pressRetentionOffset', 'testOnly_pressed', 'onHoverIn', 'onHoverOut', 'onFocus', 'onBlur', '_pressed', '_focus']);
+  return Object.keys(pressableComponentProps).length !== 0 ?
+  /*#__PURE__*/
+  // Checking if any Pressable Props present
+  React.createElement(Pressable, _extends({
+    accessibilityRole: "button",
+    accessibilityLabel: "List-Item-".concat(index + start),
+    flexDirection: "row",
+    alignItems: "center"
+  }, resolvedProps, {
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus) // focusRingProps.onFocu
+    ) // @ts-ignore - web only
+    ,
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    ),
+    borderTopWidth: index ? borderTopWidth : 0,
+    ref: ref
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    flexDirection: "row",
+    alignItems: "center",
+    pl: 2
+  }, ul || unordered ?
+  /*#__PURE__*/
+  //Adding disc in front of ListItem
+  React.createElement(Box, {
+    style: {
+      transform: [{
+        scale: 1.5
+      }]
+    },
+    mr: 2 // _text={{
+    //   fontWeight: 'bold',
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, "\u2022") : null, ol || ordered ?
+  /*#__PURE__*/
+  //Adding index number in front of ListItem
+  React.createElement(Box, {
+    mr: 2 // _text={{
+    //   fontWeight: 'bold',
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, index + start + '.') : null), /*#__PURE__*/React.createElement(Box, {
+    flexDirection: "row",
+    alignItems: "center" // _text={{
+    //   ..._text,
+    //   ...hoverTextProps,
+    //   ...focusTextProps,
+    //   ...pressedTextProps,
+    // }}
+
+  }, children))) :
+  /*#__PURE__*/
+  // If no Pressable Props passed by user render Box instead of Pressable
+  React.createElement(Box, _extends({
+    accessibilityRole: "text",
+    accessibilityLabel: "List-Item-".concat(index + start),
+    flexDirection: "row",
+    alignItems: "center"
+  }, nonPressableProps, {
+    borderTopWidth: index ? borderTopWidth : 0,
+    ref: mergeRefs([ref, _ref])
+  }, isHovered && resolvedProps._hover, isPressed && resolvedProps._pressed, isFocused && resolvedProps._focus), /*#__PURE__*/React.createElement(Box, {
+    flexDirection: "row",
+    alignItems: "center",
+    pl: 2
+  }, ul || unordered ?
+  /*#__PURE__*/
+  //Adding disc in front of ListItem
+  React.createElement(Box, {
+    style: {
+      transform: [{
+        scale: 1.5
+      }]
+    },
+    mr: 2,
+    _text: {
+      fontWeight: 'bold',
+      ..._text
+    }
+  }, "\u2022") : null, ol || ordered ?
+  /*#__PURE__*/
+  //Adding index number in front of ListItem
+  React.createElement(Box, {
+    mr: 2,
+    _text: {
+      fontWeight: 'bold',
+      ..._text
+    }
+  }, index + start + '.') : null), /*#__PURE__*/React.createElement(Box, {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    _text: _text // ...(isHovered && _hover?._text && { ..._hover._text }),
+
+  }, children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ListItem));
+//# sourceMappingURL=ListItem.js.map

package/lib/module/components/primitives/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ListItem.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","mergeRefs","Pressable","extractInObject","composeEventHandlers","useHover","useFocus","useIsPressed","useHasResponsiveProps","ListItem","children","props","ref","hoverProps","isHovered","pressableProps","isPressed","focusProps","isFocused","index","start","unordered","ul","ordered","ol","_text","borderTopWidth","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","_ref","useRef","pressableComponentProps","nonPressableProps","Object","keys","length","transform","scale","_hover","_pressed","_focus","fontWeight"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../Box';\r\nimport type { IListItemProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { Pressable } from '../Pressable';\r\n// import { useHover } from '@react-native-aria/interactions';\r\nimport { extractInObject } from '../../../theme/tools';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ListItem = ({ children, ...props }: IListItemProps, ref: any) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const {\r\n    index,\r\n    start,\r\n    unordered,\r\n    ul,\r\n    ordered,\r\n    ol,\r\n    _text,\r\n    borderTopWidth,\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ListItem', props, {\r\n    isHovered,\r\n    isPressed,\r\n    isFocused,\r\n  });\r\n  const _ref = React.useRef(null);\r\n  // const { isHovered } = useHover({}, _ref);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  // Extracting Pressable Props from resolvedProps\r\n  const [\r\n    pressableComponentProps,\r\n    nonPressableProps,\r\n  ] = extractInObject(resolvedProps, [\r\n    'onPress',\r\n    'unstable_pressDelay',\r\n    'android_ripple',\r\n    'android_disableSound',\r\n    'delayLongPress',\r\n    'hitSlop',\r\n    'disabled',\r\n    'onLongPress',\r\n    'onPressIn',\r\n    'onPressOut',\r\n    'pressRetentionOffset',\r\n    'testOnly_pressed',\r\n    'onHoverIn',\r\n    'onHoverOut',\r\n    'onFocus',\r\n    'onBlur',\r\n    '_pressed',\r\n    '_focus',\r\n  ]);\r\n\r\n  return Object.keys(pressableComponentProps).length !== 0 ? (\r\n    // Checking if any Pressable Props present\r\n    <Pressable\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={`List-Item-${index + start}`}\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      {...resolvedProps}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus)\r\n        // focusRingProps.onFocu\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur)\r\n        // focusRingProps.onBlur\r\n      )}\r\n      borderTopWidth={index ? borderTopWidth : 0}\r\n      ref={ref}\r\n    >\r\n      {/* {({ isPressed, isHovered, isFocusVisible }: any) => {\r\n        const focusTextProps = isFocusVisible &&\r\n          _focus?._text && { ..._focus._text };\r\n        const hoverTextProps = isHovered &&\r\n          _hover?._text && { ..._hover._text };\r\n        const pressedTextProps = isPressed &&\r\n          _pressed?._text && { ..._pressed._text };\r\n        return ( */}\r\n      <>\r\n        <Box flexDirection=\"row\" alignItems=\"center\" pl={2}>\r\n          {ul || unordered ? ( //Adding disc in front of ListItem\r\n            <Box\r\n              style={{ transform: [{ scale: 1.5 }] }}\r\n              mr={2}\r\n              // _text={{\r\n              //   fontWeight: 'bold',\r\n              //   ..._text,\r\n              //   ...hoverTextProps,\r\n              //   ...focusTextProps,\r\n              //   ...pressedTextProps,\r\n              // }}\r\n            >\r\n              •\r\n            </Box>\r\n          ) : null}\r\n          {ol || ordered ? ( //Adding index number in front of ListItem\r\n            <Box\r\n              mr={2}\r\n              // _text={{\r\n              //   fontWeight: 'bold',\r\n              //   ..._text,\r\n              //   ...hoverTextProps,\r\n              //   ...focusTextProps,\r\n              //   ...pressedTextProps,\r\n              // }}\r\n            >\r\n              {index + start + '.'}\r\n            </Box>\r\n          ) : null}\r\n        </Box>\r\n        <Box\r\n          flexDirection=\"row\"\r\n          alignItems=\"center\"\r\n          // _text={{\r\n          //   ..._text,\r\n          //   ...hoverTextProps,\r\n          //   ...focusTextProps,\r\n          //   ...pressedTextProps,\r\n          // }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </>\r\n      {/* ); */}\r\n      {/* }} */}\r\n    </Pressable>\r\n  ) : (\r\n    // If no Pressable Props passed by user render Box instead of Pressable\r\n    <Box\r\n      accessibilityRole=\"text\"\r\n      accessibilityLabel={`List-Item-${index + start}`}\r\n      flexDirection=\"row\"\r\n      alignItems=\"center\"\r\n      {...nonPressableProps}\r\n      borderTopWidth={index ? borderTopWidth : 0}\r\n      ref={mergeRefs([ref, _ref])}\r\n      {...(isHovered && resolvedProps._hover)}\r\n      {...(isPressed && resolvedProps._pressed)}\r\n      {...(isFocused && resolvedProps._focus)}\r\n    >\r\n      <Box flexDirection=\"row\" alignItems=\"center\" pl={2}>\r\n        {ul || unordered ? ( //Adding disc in front of ListItem\r\n          <Box\r\n            style={{ transform: [{ scale: 1.5 }] }}\r\n            mr={2}\r\n            _text={{ fontWeight: 'bold', ..._text }}\r\n          >\r\n            •\r\n          </Box>\r\n        ) : null}\r\n        {ol || ordered ? ( //Adding index number in front of ListItem\r\n          <Box mr={2} _text={{ fontWeight: 'bold', ..._text }}>\r\n            {index + start + '.'}\r\n          </Box>\r\n        ) : null}\r\n      </Box>\r\n      <Box\r\n        flex={1}\r\n        flexDirection=\"row\"\r\n        alignItems=\"center\"\r\n        _text={\r\n          _text\r\n          // ...(isHovered && _hover?._text && { ..._hover._text }),\r\n        }\r\n      >\r\n        {children}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ListItem));\r\n"]}

package/lib/module/components/primitives/List/Ordered.js

@@ -0,0 +1,43 @@
+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); }
+
+import React from 'react';
+import { VStack } from '../Stack';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const OrderedList = ({
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    _text,
+    start,
+    _hover,
+    ...resolvedProps
+  } = usePropsResolution('List', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  } // add props to children
+
+
+  children = React.Children.map(children, (child, ind) => {
+    return /*#__PURE__*/React.cloneElement(child, {
+      ol: true,
+      index: ind,
+      _text,
+      _hover,
+      start,
+      ...child.props
+    }, child.props.children);
+  });
+  return /*#__PURE__*/React.createElement(VStack, _extends({
+    style: style
+  }, resolvedProps, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(OrderedList));
+//# sourceMappingURL=Ordered.js.map

package/lib/module/components/primitives/List/Ordered.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Ordered.tsx"],"names":["React","VStack","usePropsResolution","useHasResponsiveProps","OrderedList","style","children","props","ref","_text","start","_hover","resolvedProps","Children","map","child","ind","cloneElement","ol","index","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,UAAvB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmB,KAAGC;AAAtB,CAAD,EAA4CC,GAA5C,KAA0D;AAC5E,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,MAAhB;AAAwB,OAAGC;AAA3B,MAA6CV,kBAAkB,CACnE,MADmE,EAEnEK,KAFmE,CAArE,CAD4E,CAK5E;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD,GAR2E,CAS5E;;;AACAD,EAAAA,QAAQ,GAAGN,KAAK,CAACa,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA6B,CAACS,KAAD,EAAaC,GAAb,KAA6B;AACnE,wBAAOhB,KAAK,CAACiB,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,EAAE,EAAE,IADN;AAEEC,MAAAA,KAAK,EAAEH,GAFT;AAGEP,MAAAA,KAHF;AAIEE,MAAAA,MAJF;AAKED,MAAAA,KALF;AAME,SAAGK,KAAK,CAACR;AANX,KAFK,EAULQ,KAAK,CAACR,KAAN,CAAYD,QAVP,CAAP;AAYD,GAbU,CAAX;AAcA,sBACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAED;AAAf,KAA0BO,aAA1B;AAAyC,IAAA,GAAG,EAAEJ;AAA9C,MACGF,QADH,CADF;AAKD,CA7BD;;AA+BA,4BAAeN,KAAK,CAACoB,IAAN,eAAWpB,KAAK,CAACqB,UAAN,CAAiBjB,WAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { VStack } from '../Stack';\r\nimport type { IListProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst OrderedList = ({ style, children, ...props }: IListProps, ref?: any) => {\r\n  const { _text, start, _hover, ...resolvedProps } = usePropsResolution(\r\n    'List',\r\n    props\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  // add props to children\r\n  children = React.Children.map(children, (child: any, ind: number) => {\r\n    return React.cloneElement(\r\n      child,\r\n      {\r\n        ol: true,\r\n        index: ind,\r\n        _text,\r\n        _hover,\r\n        start,\r\n        ...child.props,\r\n      },\r\n      child.props.children\r\n    );\r\n  });\r\n  return (\r\n    <VStack style={style} {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </VStack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(OrderedList));\r\n"]}

package/lib/module/components/primitives/List/Unordered.js

@@ -0,0 +1,38 @@
+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); }
+
+import React from 'react';
+import { VStack } from '../Stack';
+import { usePropsResolution } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const UnorderedList = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    _text,
+    _hover,
+    ...resolvedProps
+  } = usePropsResolution('List', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  } // add props to children
+
+
+  children = React.Children.map(children, (child, ind) => {
+    return /*#__PURE__*/React.cloneElement(child, {
+      index: ind,
+      ul: true,
+      _text: _text,
+      _hover,
+      ...child.props
+    }, child.props.children);
+  });
+  return /*#__PURE__*/React.createElement(VStack, _extends({}, resolvedProps, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(UnorderedList));
+//# sourceMappingURL=Unordered.js.map

package/lib/module/components/primitives/List/Unordered.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Unordered.tsx"],"names":["React","VStack","usePropsResolution","useHasResponsiveProps","UnorderedList","children","props","ref","_text","_hover","resolvedProps","Children","map","child","ind","cloneElement","index","ul","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,UAAvB;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAqCC,GAArC,KAAmD;AACvE,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,MAAT;AAAiB,OAAGC;AAApB,MAAsCR,kBAAkB,CAAC,MAAD,EAASI,KAAT,CAA9D,CADuE,CAEvE;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD,GALsE,CAMvE;;;AACAD,EAAAA,QAAQ,GAAGL,KAAK,CAACW,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,CAACQ,KAAD,EAAaC,GAAb,KAA6B;AACnE,wBAAOd,KAAK,CAACe,YAAN,CACLF,KADK,EAEL;AACEG,MAAAA,KAAK,EAAEF,GADT;AAEEG,MAAAA,EAAE,EAAE,IAFN;AAGET,MAAAA,KAAK,EAAEA,KAHT;AAIEC,MAAAA,MAJF;AAKE,SAAGI,KAAK,CAACP;AALX,KAFK,EASLO,KAAK,CAACP,KAAN,CAAYD,QATP,CAAP;AAWD,GAZU,CAAX;AAcA,sBACE,oBAAC,MAAD,eAAYK,aAAZ;AAA2B,IAAA,GAAG,EAAEH;AAAhC,MACGF,QADH,CADF;AAKD,CA1BD;;AA4BA,4BAAeL,KAAK,CAACkB,IAAN,eAAWlB,KAAK,CAACmB,UAAN,CAAiBf,aAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { VStack } from '../Stack';\r\nimport type { IListProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst UnorderedList = ({ children, ...props }: IListProps, ref?: any) => {\r\n  const { _text, _hover, ...resolvedProps } = usePropsResolution('List', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  // add props to children\r\n  children = React.Children.map(children, (child: any, ind: number) => {\r\n    return React.cloneElement(\r\n      child,\r\n      {\r\n        index: ind,\r\n        ul: true,\r\n        _text: _text,\r\n        _hover,\r\n        ...child.props,\r\n      },\r\n      child.props.children\r\n    );\r\n  });\r\n\r\n  return (\r\n    <VStack {...resolvedProps} ref={ref}>\r\n      {children}\r\n    </VStack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(UnorderedList));\r\n"]}

package/lib/module/components/primitives/List/index.js

@@ -0,0 +1,14 @@
+import ListDefault from './List';
+import ListItem from './ListItem';
+import ListIcon from './ListIcon';
+import ListOrdered from './Ordered';
+import ListUnordered from './Unordered';
+let ListTemp = ListDefault;
+ListTemp.Item = ListItem;
+ListTemp.Icon = ListIcon;
+ListTemp.Ordered = ListOrdered;
+ListTemp.Unordered = ListUnordered; // To add typings
+
+const List = ListTemp;
+export { List };
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ListDefault","ListItem","ListIcon","ListOrdered","ListUnordered","ListTemp","Item","Icon","Ordered","Unordered","List"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,QAAxB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,WAAP,MAAwB,WAAxB;AACA,OAAOC,aAAP,MAA0B,aAA1B;AAGA,IAAIC,QAAa,GAAGL,WAApB;AACAK,QAAQ,CAACC,IAAT,GAAgBL,QAAhB;AACAI,QAAQ,CAACE,IAAT,GAAgBL,QAAhB;AACAG,QAAQ,CAACG,OAAT,GAAmBL,WAAnB;AACAE,QAAQ,CAACI,SAAT,GAAqBL,aAArB,C,CAEA;;AACA,MAAMM,IAAI,GAAGL,QAAb;AAEA,SAASK,IAAT","sourcesContent":["import ListDefault from './List';\r\nimport ListItem from './ListItem';\r\nimport ListIcon from './ListIcon';\r\nimport ListOrdered from './Ordered';\r\nimport ListUnordered from './Unordered';\r\nimport type { IListComponentType } from './types';\r\n\r\nlet ListTemp: any = ListDefault;\r\nListTemp.Item = ListItem;\r\nListTemp.Icon = ListIcon;\r\nListTemp.Ordered = ListOrdered;\r\nListTemp.Unordered = ListUnordered;\r\n\r\n// To add typings\r\nconst List = ListTemp as IListComponentType;\r\n\r\nexport { List };\r\nexport type { IListProps, IListItemProps } from './types';\r\n"]}

package/lib/module/components/primitives/List/types.js

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

package/lib/module/components/primitives/List/types.js.map

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

package/lib/module/components/primitives/List/utils.js

@@ -0,0 +1,8 @@
+import { themeTools } from '../../../theme';
+export function findProps(props) {
+  const [textProps, remaining] = themeTools.extractInObject(props, ['fontWeight', 'fontSize', 'textDecorationLine', 'color']);
+  const [borderProps, otherRemainingProps] = themeTools.extractInObject(remaining, ['border', 'borderBottom', 'borderTop', 'borderLeft', 'borderRight', 'borderWidth', 'borderRadius', 'borderColor', 'borderRightColor', 'borderBottomWidth', 'borderLeftWidth', 'borderTopWidth', 'borderBotttomWidth', 'borderTopLeftRadius', 'borderBottomColor', 'borderBottomEndRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius', 'borderBottomStartRadius', 'borderBottomWidth', 'borderEndColor', 'borderLeftColor', 'borderLeftWidth', 'borderRadius', 'borderRightWidth', 'borderStartColor', 'borderTopColor', 'borderTopEndRadius', 'borderTopLeftRadius', 'borderTopRightRadius', 'borderTopStartRadius', 'borderTopWidth']);
+  const [layoutProps, remainingProps] = themeTools.extractInObject(otherRemainingProps, ['m', 'margin', 'mt', 'marginTop', 'mr', 'marginRight', 'mb', 'marginBottom', 'ml', 'marginLeft', 'mx', 'marginX', 'my', 'marginY', 'left', 'top', 'bottom', 'right', 'position', 'minH', 'minHeight', 'minWidth', 'minW', 'height', 'width']);
+  return [textProps, remainingProps, layoutProps, borderProps];
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/components/primitives/List/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["themeTools","findProps","props","textProps","remaining","extractInObject","borderProps","otherRemainingProps","layoutProps","remainingProps"],"mappings":"AAAA,SAASA,UAAT,QAA2B,gBAA3B;AACA,OAAO,SAASC,SAAT,CAAmBC,KAAnB,EAA+B;AACpC,QAAM,CAACC,SAAD,EAAYC,SAAZ,IAAyBJ,UAAU,CAACK,eAAX,CAA2BH,KAA3B,EAAkC,CAC/D,YAD+D,EAE/D,UAF+D,EAG/D,oBAH+D,EAI/D,OAJ+D,CAAlC,CAA/B;AAMA,QAAM,CACJI,WADI,EAEJC,mBAFI,IAGFP,UAAU,CAACK,eAAX,CAA2BD,SAA3B,EAAsC,CACxC,QADwC,EAExC,cAFwC,EAGxC,WAHwC,EAIxC,YAJwC,EAKxC,aALwC,EAMxC,aANwC,EAOxC,cAPwC,EAQxC,aARwC,EASxC,kBATwC,EAUxC,mBAVwC,EAWxC,iBAXwC,EAYxC,gBAZwC,EAaxC,oBAbwC,EAcxC,qBAdwC,EAexC,mBAfwC,EAgBxC,uBAhBwC,EAiBxC,wBAjBwC,EAkBxC,yBAlBwC,EAmBxC,yBAnBwC,EAoBxC,mBApBwC,EAqBxC,gBArBwC,EAsBxC,iBAtBwC,EAuBxC,iBAvBwC,EAwBxC,cAxBwC,EAyBxC,kBAzBwC,EA0BxC,kBA1BwC,EA2BxC,gBA3BwC,EA4BxC,oBA5BwC,EA6BxC,qBA7BwC,EA8BxC,sBA9BwC,EA+BxC,sBA/BwC,EAgCxC,gBAhCwC,CAAtC,CAHJ;AAqCA,QAAM,CACJI,WADI,EAEJC,cAFI,IAGFT,UAAU,CAACK,eAAX,CAA2BE,mBAA3B,EAAgD,CAClD,GADkD,EAElD,QAFkD,EAGlD,IAHkD,EAIlD,WAJkD,EAKlD,IALkD,EAMlD,aANkD,EAOlD,IAPkD,EAQlD,cARkD,EASlD,IATkD,EAUlD,YAVkD,EAWlD,IAXkD,EAYlD,SAZkD,EAalD,IAbkD,EAclD,SAdkD,EAelD,MAfkD,EAgBlD,KAhBkD,EAiBlD,QAjBkD,EAkBlD,OAlBkD,EAmBlD,UAnBkD,EAoBlD,MApBkD,EAqBlD,WArBkD,EAsBlD,UAtBkD,EAuBlD,MAvBkD,EAwBlD,QAxBkD,EAyBlD,OAzBkD,CAAhD,CAHJ;AA+BA,SAAO,CAACJ,SAAD,EAAYM,cAAZ,EAA4BD,WAA5B,EAAyCF,WAAzC,CAAP;AACD","sourcesContent":["import { themeTools } from '../../../theme';\r\nexport function findProps(props: any) {\r\n  const [textProps, remaining] = themeTools.extractInObject(props, [\r\n    'fontWeight',\r\n    'fontSize',\r\n    'textDecorationLine',\r\n    'color',\r\n  ]);\r\n  const [\r\n    borderProps,\r\n    otherRemainingProps,\r\n  ] = themeTools.extractInObject(remaining, [\r\n    'border',\r\n    'borderBottom',\r\n    'borderTop',\r\n    'borderLeft',\r\n    'borderRight',\r\n    'borderWidth',\r\n    'borderRadius',\r\n    'borderColor',\r\n    'borderRightColor',\r\n    'borderBottomWidth',\r\n    'borderLeftWidth',\r\n    'borderTopWidth',\r\n    'borderBotttomWidth',\r\n    'borderTopLeftRadius',\r\n    'borderBottomColor',\r\n    'borderBottomEndRadius',\r\n    'borderBottomLeftRadius',\r\n    'borderBottomRightRadius',\r\n    'borderBottomStartRadius',\r\n    'borderBottomWidth',\r\n    'borderEndColor',\r\n    'borderLeftColor',\r\n    'borderLeftWidth',\r\n    'borderRadius',\r\n    'borderRightWidth',\r\n    'borderStartColor',\r\n    'borderTopColor',\r\n    'borderTopEndRadius',\r\n    'borderTopLeftRadius',\r\n    'borderTopRightRadius',\r\n    'borderTopStartRadius',\r\n    'borderTopWidth',\r\n  ]);\r\n  const [\r\n    layoutProps,\r\n    remainingProps,\r\n  ] = themeTools.extractInObject(otherRemainingProps, [\r\n    'm',\r\n    'margin',\r\n    'mt',\r\n    'marginTop',\r\n    'mr',\r\n    'marginRight',\r\n    'mb',\r\n    'marginBottom',\r\n    'ml',\r\n    'marginLeft',\r\n    'mx',\r\n    'marginX',\r\n    'my',\r\n    'marginY',\r\n    'left',\r\n    'top',\r\n    'bottom',\r\n    'right',\r\n    'position',\r\n    'minH',\r\n    'minHeight',\r\n    'minWidth',\r\n    'minW',\r\n    'height',\r\n    'width',\r\n  ]);\r\n\r\n  return [textProps, remainingProps, layoutProps, borderProps];\r\n}\r\n"]}

package/lib/module/components/primitives/Overlay/ExitAnimationContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const ExitAnimationContext = /*#__PURE__*/React.createContext({
+  exited: true,
+  setExited: _exited => {}
+});
+//# sourceMappingURL=ExitAnimationContext.js.map

package/lib/module/components/primitives/Overlay/ExitAnimationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ExitAnimationContext.ts"],"names":["React","ExitAnimationContext","createContext","exited","setExited","_exited"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAN,CAAoB;AACtDC,EAAAA,MAAM,EAAE,IAD8C;AAEtDC,EAAAA,SAAS,EAAGC,OAAD,IAAsB,CAAE;AAFmB,CAApB,CAA7B","sourcesContent":["import React from 'react';\r\n\r\nexport const ExitAnimationContext = React.createContext({\r\n  exited: true,\r\n  setExited: (_exited: boolean) => {},\r\n});\r\n"]}

package/lib/module/components/primitives/Overlay/Overlay.js

@@ -0,0 +1,71 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { OverlayContainer } from '@react-native-aria/overlays';
+import React from 'react';
+import { Modal, Platform } from 'react-native';
+import { useKeyboardDismissable } from '../../../hooks';
+import { ExitAnimationContext } from './ExitAnimationContext';
+export function Overlay({
+  children,
+  isOpen,
+  useRNModal = false,
+  useRNModalOnAndroid = false,
+  isKeyboardDismissable = true,
+  //@ts-ignore
+  animationPreset = 'fade',
+  onRequestClose,
+  style,
+  unmountOnExit
+}) {
+  const [exited, setExited] = React.useState(!isOpen);
+  useKeyboardDismissable({
+    enabled: isOpen && isKeyboardDismissable,
+    callback: onRequestClose ? onRequestClose : () => {}
+  });
+  const styleObj = { ...style
+  };
+
+  if (animationPreset === 'slide') {
+    styleObj.overflow = 'hidden';
+    styleObj.display = 'flex';
+  } else {
+    styleObj.display = exited && !isOpen ? 'none' : 'flex';
+  }
+
+  if (unmountOnExit && !isOpen && exited) {
+    return null;
+  }
+
+  if (useRNModal || useRNModalOnAndroid && Platform.OS === 'android') {
+    return /*#__PURE__*/React.createElement(ExitAnimationContext.Provider, {
+      value: {
+        exited,
+        setExited
+      }
+    }, /*#__PURE__*/React.createElement(Modal, {
+      statusBarTranslucent: true,
+      transparent: true,
+      visible: isOpen,
+      onRequestClose: onRequestClose,
+      animationType: animationPreset
+    }, children));
+  }
+
+  if (unmountOnExit && !isOpen && exited) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    //@ts-ignore
+    React.createElement(OverlayContainer, {
+      style: { ...styleObj
+      }
+    }, /*#__PURE__*/React.createElement(ExitAnimationContext.Provider, {
+      value: {
+        exited,
+        setExited
+      }
+    }, children))
+  );
+}
+//# sourceMappingURL=Overlay.js.map

package/lib/module/components/primitives/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Overlay.tsx"],"names":["OverlayContainer","React","Modal","Platform","useKeyboardDismissable","ExitAnimationContext","Overlay","children","isOpen","useRNModal","useRNModalOnAndroid","isKeyboardDismissable","animationPreset","onRequestClose","style","unmountOnExit","exited","setExited","useState","enabled","callback","styleObj","overflow","display","OS"],"mappings":"AAAA;AACA,SAASA,gBAAT,QAAiC,6BAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,SAASC,KAAT,EAAgBC,QAAhB,QAAgC,cAAhC;AACA,SAASC,sBAAT,QAAuC,gBAAvC;AACA,SAASC,oBAAT,QAAqC,wBAArC;AAeA,OAAO,SAASC,OAAT,CAAiB;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,UAAU,GAAG,KAHS;AAItBC,EAAAA,mBAAmB,GAAG,KAJA;AAKtBC,EAAAA,qBAAqB,GAAG,IALF;AAMtB;AACAC,EAAAA,eAAe,GAAG,MAPI;AAQtBC,EAAAA,cARsB;AAStBC,EAAAA,KATsB;AAUtBC,EAAAA;AAVsB,CAAjB,EAWW;AAChB,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBhB,KAAK,CAACiB,QAAN,CAAe,CAACV,MAAhB,CAA5B;AAEAJ,EAAAA,sBAAsB,CAAC;AACrBe,IAAAA,OAAO,EAAEX,MAAM,IAAIG,qBADE;AAErBS,IAAAA,QAAQ,EAAEP,cAAc,GAAGA,cAAH,GAAoB,MAAM,CAAE;AAF/B,GAAD,CAAtB;AAIA,QAAMQ,QAAQ,GAAG,EAAE,GAAGP;AAAL,GAAjB;;AACA,MAAIF,eAAe,KAAK,OAAxB,EAAiC;AAC/BS,IAAAA,QAAQ,CAACC,QAAT,GAAoB,QAApB;AACAD,IAAAA,QAAQ,CAACE,OAAT,GAAmB,MAAnB;AACD,GAHD,MAGO;AACLF,IAAAA,QAAQ,CAACE,OAAT,GAAmBP,MAAM,IAAI,CAACR,MAAX,GAAoB,MAApB,GAA6B,MAAhD;AACD;;AAED,MAAIO,aAAa,IAAI,CAACP,MAAlB,IAA4BQ,MAAhC,EAAwC;AACtC,WAAO,IAAP;AACD;;AAED,MAAIP,UAAU,IAAKC,mBAAmB,IAAIP,QAAQ,CAACqB,EAAT,KAAgB,SAA1D,EAAsE;AACpE,wBACE,oBAAC,oBAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAE;AAAER,QAAAA,MAAF;AAAUC,QAAAA;AAAV;AAAtC,oBACE,oBAAC,KAAD;AACE,MAAA,oBAAoB,MADtB;AAEE,MAAA,WAAW,MAFb;AAGE,MAAA,OAAO,EAAET,MAHX;AAIE,MAAA,cAAc,EAAEK,cAJlB;AAKE,MAAA,aAAa,EAAED;AALjB,OAOGL,QAPH,CADF,CADF;AAaD;;AAED,MAAIQ,aAAa,IAAI,CAACP,MAAlB,IAA4BQ,MAAhC,EAAwC;AACtC,WAAO,IAAP;AACD;;AAED;AAAA;AACE;AACA,wBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE,EAAE,GAAGK;AAAL;AAAzB,oBACE,oBAAC,oBAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAE;AAAEL,QAAAA,MAAF;AAAUC,QAAAA;AAAV;AAAtC,OACGV,QADH,CADF;AAFF;AAQD","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport type { ViewStyle } from 'react-native';\r\nimport { Modal, Platform } from 'react-native';\r\nimport { useKeyboardDismissable } from '../../../hooks';\r\nimport { ExitAnimationContext } from './ExitAnimationContext';\r\n\r\nexport interface IOverlayProps {\r\n  isOpen?: boolean;\r\n  children?: any;\r\n  // We use RN modal on android if needed as it supports shifting accessiblity focus to the opened view. IOS automatically shifts focus if an absolutely placed view appears in front.\r\n  useRNModalOnAndroid?: boolean;\r\n  useRNModal?: boolean;\r\n  onRequestClose?: any;\r\n  isKeyboardDismissable?: boolean;\r\n  animationPreset?: 'fade' | 'slide' | 'none';\r\n  style?: ViewStyle;\r\n  unmountOnExit?: boolean;\r\n}\r\n\r\nexport function Overlay({\r\n  children,\r\n  isOpen,\r\n  useRNModal = false,\r\n  useRNModalOnAndroid = false,\r\n  isKeyboardDismissable = true,\r\n  //@ts-ignore\r\n  animationPreset = 'fade',\r\n  onRequestClose,\r\n  style,\r\n  unmountOnExit,\r\n}: IOverlayProps) {\r\n  const [exited, setExited] = React.useState(!isOpen);\r\n\r\n  useKeyboardDismissable({\r\n    enabled: isOpen && isKeyboardDismissable,\r\n    callback: onRequestClose ? onRequestClose : () => {},\r\n  });\r\n  const styleObj = { ...style };\r\n  if (animationPreset === 'slide') {\r\n    styleObj.overflow = 'hidden';\r\n    styleObj.display = 'flex';\r\n  } else {\r\n    styleObj.display = exited && !isOpen ? 'none' : 'flex';\r\n  }\r\n\r\n  if (unmountOnExit && !isOpen && exited) {\r\n    return null;\r\n  }\r\n\r\n  if (useRNModal || (useRNModalOnAndroid && Platform.OS === 'android')) {\r\n    return (\r\n      <ExitAnimationContext.Provider value={{ exited, setExited }}>\r\n        <Modal\r\n          statusBarTranslucent\r\n          transparent\r\n          visible={isOpen}\r\n          onRequestClose={onRequestClose}\r\n          animationType={animationPreset}\r\n        >\r\n          {children}\r\n        </Modal>\r\n      </ExitAnimationContext.Provider>\r\n    );\r\n  }\r\n\r\n  if (unmountOnExit && !isOpen && exited) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    //@ts-ignore\r\n    <OverlayContainer style={{ ...styleObj }}>\r\n      <ExitAnimationContext.Provider value={{ exited, setExited }}>\r\n        {children}\r\n      </ExitAnimationContext.Provider>\r\n    </OverlayContainer>\r\n  );\r\n}\r\n"]}

package/lib/module/components/primitives/Overlay/index.js

@@ -0,0 +1,2 @@
+export * from './Overlay';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from './Overlay';\r\n"]}

package/lib/module/components/primitives/Pressable/Pressable.js

@@ -0,0 +1,110 @@
+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); }
+
+import React, { forwardRef, memo } from 'react';
+import { Pressable as RNPressable } from 'react-native';
+import { composeEventHandlers } from '../../../utils';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { makeStyledComponent } from '../../../utils/styled';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useFocusRing } from '@react-native-aria/focus';
+export const useHover = () => {
+  const [isHovered, setHovered] = React.useState(false);
+  return {
+    hoverProps: {
+      onHoverIn: () => setHovered(true),
+      onHoverOut: () => setHovered(false)
+    },
+    isHovered
+  };
+};
+export const useFocus = () => {
+  const [isFocused, setFocused] = React.useState(false);
+  return {
+    focusProps: {
+      onFocus: () => setFocused(true),
+      onBlur: () => setFocused(false)
+    },
+    isFocused
+  };
+};
+export const useIsPressed = () => {
+  const [isPressed, setIsPressed] = React.useState(false);
+  return {
+    pressableProps: {
+      onPressIn: () => setIsPressed(true),
+      onPressOut: () => setIsPressed(false)
+    },
+    isPressed
+  };
+};
+const StyledPressable = makeStyledComponent(RNPressable);
+
+const Pressable = ({
+  children,
+  isDisabled,
+  disabled,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const stateProps = {
+    isPressed: isPressedProp || isPressed,
+    isFocused: isFocusedProp || isFocused,
+    isHovered: isHoveredProp || isHovered
+  };
+  const {
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = usePropsResolution('Pressable', props, { ...stateProps,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible,
+    isDisabled: disabled || isDisabled
+  }); // TODO: Replace Render props with Context Hook
+  //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  } // TODO: Replace Render props with Context Hook
+
+
+  return /*#__PURE__*/React.createElement(StyledPressable, _extends({
+    ref: ref,
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    ,
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    disabled: disabled || isDisabled
+  }, resolvedProps), typeof children !== 'function' ? children : children({ ...stateProps
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Pressable));
+//# sourceMappingURL=Pressable.js.map

package/lib/module/components/primitives/Pressable/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Pressable.tsx"],"names":["React","forwardRef","memo","Pressable","RNPressable","composeEventHandlers","useHasResponsiveProps","makeStyledComponent","usePropsResolution","useFocusRing","useHover","isHovered","setHovered","useState","hoverProps","onHoverIn","onHoverOut","useFocus","isFocused","setFocused","focusProps","onFocus","onBlur","useIsPressed","isPressed","setIsPressed","pressableProps","onPressIn","onPressOut","StyledPressable","children","isDisabled","disabled","isHoveredProp","isPressedProp","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusRingProps","stateProps","resolvedProps"],"mappings":"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","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport { Pressable as RNPressable } from 'react-native';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport type { IPressableProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\n\r\nexport const useHover = () => {\r\n  const [isHovered, setHovered] = React.useState(false);\r\n  return {\r\n    hoverProps: {\r\n      onHoverIn: () => setHovered(true),\r\n      onHoverOut: () => setHovered(false),\r\n    },\r\n    isHovered,\r\n  };\r\n};\r\n\r\nexport const useFocus = () => {\r\n  const [isFocused, setFocused] = React.useState(false);\r\n  return {\r\n    focusProps: {\r\n      onFocus: () => setFocused(true),\r\n      onBlur: () => setFocused(false),\r\n    },\r\n    isFocused,\r\n  };\r\n};\r\n\r\nexport const useIsPressed = () => {\r\n  const [isPressed, setIsPressed] = React.useState(false);\r\n  return {\r\n    pressableProps: {\r\n      onPressIn: () => setIsPressed(true),\r\n      onPressOut: () => setIsPressed(false),\r\n    },\r\n    isPressed,\r\n  };\r\n};\r\n\r\nconst StyledPressable = makeStyledComponent(RNPressable);\r\n\r\nconst Pressable = (\r\n  {\r\n    children,\r\n    isDisabled,\r\n    disabled,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    ...props\r\n  }: IPressableProps,\r\n  ref: any\r\n) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n  const stateProps = {\r\n    isPressed: isPressedProp || isPressed,\r\n    isFocused: isFocusedProp || isFocused,\r\n    isHovered: isHoveredProp || isHovered,\r\n  };\r\n\r\n  const {\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Pressable', props, {\r\n    ...stateProps,\r\n    isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n    isDisabled: disabled || isDisabled,\r\n  });\r\n\r\n  // TODO: Replace Render props with Context Hook\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  // TODO: Replace Render props with Context Hook\r\n  return (\r\n    <StyledPressable\r\n      ref={ref}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus),\r\n        focusRingProps.onFocus\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur),\r\n        focusRingProps.onBlur\r\n      )}\r\n      disabled={disabled || isDisabled}\r\n      {...resolvedProps}\r\n    >\r\n      {typeof children !== 'function' ? children : children({ ...stateProps })}\r\n    </StyledPressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Pressable));\r\n"]}

package/lib/module/components/primitives/Pressable/index.js

@@ -0,0 +1,3 @@
+export { default as Pressable } from './Pressable';
+export { useFocus, useHover, useIsPressed } from './Pressable';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Pressable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","Pressable","useFocus","useHover","useIsPressed"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC;AAEA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,YAA7B,QAAiD,aAAjD","sourcesContent":["export { default as Pressable } from './Pressable';\r\nexport type { IPressableProps } from './types';\r\nexport { useFocus, useHover, useIsPressed } from './Pressable';\r\n"]}

package/lib/module/components/primitives/Pressable/types.js

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

package/lib/module/components/primitives/Pressable/types.js.map

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